html{scroll-behavior:smooth}.scroll-up{position:fixed;display:flex;bottom:10px;background-color:#d29628;right:10px}.logo{border-radius:50%;width:50px;height:50px;background-color:#efefef}.button{width:50px;height:50px;border-radius:50%;background-color:#141414;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff;cursor:pointer;transition-duration:.3s;overflow:hidden;position:fixed;bottom:10px;right:10px;z-index:100}.svgIcon{width:12px;transition-duration:.3s}.svgIcon path{fill:#fff}.button:hover{width:140px;border-radius:50px;transition-duration:.3s;background-color:#141414;align-items:center}.button:hover .svgIcon{transition-duration:.3s;transform:translateY(-200%)}.button:before{position:absolute;bottom:-20px;content:"Scroll Up";color:#fff;font-weight:700;font-size:0px}.button:hover:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.3s}.header{box-shadow:0 0 5px #d29628;background-color:#efefef;position:fixed;width:100%;left:0;top:0;display:flex;justify-content:row;align-items:center;justify-content:center;gap:15rem;z-index:100}.wrapper{display:flex;justify-content:center;align-items:center;gap:2rem}.wrapper h1{font-size:2rem;font-family:Poppins,sans-serif;font-weight:700}.nav{display:flex;justify-content:center;align-items:center;gap:2rem}.nav a{margin-right:2rem;font-size:1.2rem;font-family:Poppins,sans-serif;font-weight:500;color:#000;text-decoration:none}.nav a:hover{background:linear-gradient(90deg,#d29628,#1877f2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home{display:flex;justify-content:center;align-items:center;height:100vh}.home h1{font-size:2rem;font-family:Poppins,sans-serif}.home p{font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:500;text-align:center}.my-name{background:linear-gradient(90deg,#d29628,#1877f2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:3rem;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.dynamic-text{font-weight:700;font-size:2rem}.portfolio{font-weight:700;font-size:2rem;font-family:Verdana,Geneva,Tahoma,sans-serif}.home-picture{border-radius:40%;box-shadow:0 0 20px #d2962899,0 0 40px #1877f299}.home-text{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:10rem}.home-social-media{display:flex;gap:2rem}.home-facebook:hover{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #1877f2,0 0 20px #1877f2,0 0 50px #1877f2}.home-instagram:hover{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #ff00bf,0 0 20px #ff00bf,0 0 50px #ff00bf}.home-twitter:hover{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #1da1f2,0 0 20px #1da1f2,0 0 50px #1da1f2}.home-youtube:hover{background-color:#fff;border-radius:50%;box-shadow:0 0 10px red,0 0 20px red,0 0 50px red}.home-github:hover{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #181818,0 0 20px #181818,0 0 50px #181818}.home-steam:hover{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #000,0 0 20px #000,0 0 50px #000}.about{display:flex;justify-content:center;align-items:center;height:100vh;flex-wrap:wrap}.about-text{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2rem;max-width:1200px;width:100%}.about h1{font-size:3rem;font-weight:700;font-family:Poppins,sans-serif}.about p{font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:500;width:70%}.about-picture{border-radius:40%;box-shadow:0 0 40px #1877f299,0 0 20px #d2962899}.about span{background:linear-gradient(90deg,#d29628,#1877f2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;font-weight:700}.about-me-text{display:flex;align-items:center;justify-content:center;flex-direction:column}.projects{display:flex;justify-content:center;align-items:center;max-height:100vh;height:100vh;flex-direction:column}.projects-text{max-width:1200px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.projects-text h1{font-size:3rem;font-weight:700;font-family:Poppins,sans-serif}.projects p{font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:500;text-align:center}.projects span{font-weight:700;background:linear-gradient(90deg,#d29628,#1877f2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem}.projects-card{display:flex;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;margin-top:2rem;justify-content:center}.card{width:190px;height:254px;border-radius:20px;background:#f1f5f7;box-shadow:0 4px 18px #7ec5df;position:relative;padding:1.8rem;border:2px solid #7ec5df;transition:.5s ease-out;overflow:visible}.card-details{color:#000;height:100%;gap:.5em;display:grid;place-content:center}.card-button{transform:translate(-50%,125%);width:60%;border-radius:1rem;border:none;background-color:#d29628;color:#fff;font-size:1rem;font-weight:700;padding:.5rem 1rem;position:absolute;left:50%;bottom:0;opacity:0;transition:.3s ease-out}.text-body{color:#868686}.text-title{font-size:1.5em;font-weight:800;font-family:Poppins,sans-serif}.card:hover{border-color:#d29628;box-shadow:0 4px 18px #d29628}.card:hover .card-button{transform:translate(-50%,50%);opacity:1}.expertise{display:flex;justify-content:center;align-items:center;height:100vh}.expertise-text{display:flex;align-items:center;justify-content:center;flex-direction:column}.expertise-text h1{font-size:3rem;font-weight:700;font-family:Poppins,sans-serif}.expertise-text p{font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:500;text-align:center}.expertise-text span{font-weight:700;font-size:2rem;background:linear-gradient(90deg,#d29628,#1877f2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.frontend h2{font-size:2rem;font-family:Poppins,sans-serif;color:#1877f2}.frontend{display:flex;justify-content:center;align-items:center;flex-direction:column}.frontend-tech{gap:1.5rem;display:flex;flex-direction:row}.frontend-tech ul{font-family:Poppins,sans-serif;font-weight:600}.backend{display:flex;justify-content:center;align-items:center;margin-top:2rem;flex-direction:column}.backend h2{font-size:2rem;font-family:Poppins,sans-serif;color:#1877f2}.backend-tech{gap:1.5rem;display:flex;flex-direction:row}.backend-tech ul{font-family:Poppins,sans-serif;font-weight:600}.contact-us{display:flex;justify-content:center;align-items:center;height:100vh}.contact-us-text{display:flex;align-items:center;justify-self:center;flex-direction:column}.contact-us-text h2{font-family:Poppins,sans-serif;font-weight:700;font-size:3rem}.contact-us-text p{font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:500;text-align:center}.contact-icons{display:flex;justify-content:center;align-items:center}.contact-icons ul{display:flex;justify-content:center;align-items:center;gap:2rem;font-family:Poppins,sans-serif;font-weight:400;font-size:1rem}.facebook:hover{border-radius:50%;box-shadow:0 0 10px #1877f2,0 0 20px #1877f2,0 0 50px #1877f2}.gmail:hover{border-radius:50%;box-shadow:0 0 10px #d93025,0 0 20px #d93025,0 0 50px #d93025}.instagram:hover{border-radius:50%;box-shadow:0 0 10px #ff00bf,0 0 20px #ff00bf,0 0 50px #ff00bf}.github:hover{border-radius:50%;box-shadow:0 0 10px #181818,0 0 20px #181818,0 0 50px #181818}.phone:hover{border-radius:50%;box-shadow:0 0 10px #76b5d6,0 0 20px #76b5d6,0 0 50px #76b5d6}.form__group_one{position:relative}.form__group_oneform__field{border:1px solid silver!important;border-radius:5px;box-sizing:border-box;color:#0b2447;height:40px;padding:0rem 15px;box-shadow:5px 5px}.form__group_oneform__field::placeholder{color:transparent}.form__group_oneform__field:placeholder-shown~.form__group_oneform__label{top:10px;border-right:none;border-left:none}.form__group_oneform__label{background-color:#fff;border-left:1px solid silver;border-right:1px solid silver;color:#9b9b9b;display:block;font-size:.9em;margin-left:10px;padding:0 10px;pointer-events:none;position:absolute;top:-10px;transition:.2s}.form__group_oneform__field:focus{border:1px solid #0b2447!important;outline:none;box-shadow:none;transform:matrix3d();animation-duration:1}.form__group_oneform__field:focus~.form__group_oneform__label{background-color:#fff;border-right:1px solid #0b2447;border-left:1px solid #0b2447;color:#0b2447;font-size:.9em;margin-left:10px;padding:0 10px;position:absolute;top:-10px;transition:.2s}.contact-us span{text-decoration:underline;color:#0b2447}.footer{position:absolute;left:0;right:0;display:flex;align-content:center;justify-content:center;background-color:#efefef;color:#000;padding:1rem 0}.footer-text{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.footer-text h2{width:100%;font-family:Poppins,sans-serif;font-weight:600;font-size:1rem}.footer-text p{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;width:70%}.footer span{font-family:Poppins,sans-serif;font-weight:700;font-size:1rem}