body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;background-image:url(https://getwallpapers.com/wallpaper/full/0/f/e/1224072-free-download-plain-hd-wallpapers-1920x1080-for-windows.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;min-height:100vh}.home-container,body{align-items:center;display:flex;justify-content:center}.home-container{flex-direction:column;height:100vh;position:relative;width:100%}.heading{margin-top:2rem;padding:0 10rem;position:absolute;top:0;width:100vw}.heading h1{color:#fda828;cursor:pointer}.face-component{margin-top:3rem;position:relative}.home-content{flex-direction:column;height:300px;margin-top:3rem;width:300px}.home-content,.home-content ul{align-items:center;display:flex;justify-content:center;position:absolute}.home-content ul{height:100%;list-style:none;width:100%}.home-content li{cursor:pointer;display:inline-block;font-size:2rem;position:absolute;transform-origin:center;transition:all .5s ease}.home-content li:hover{color:#ff9f0d;transform:scale(1.2)}.home-content ul{animation:float 3s ease-in-out infinite}.home-content li:first-child{transform:rotate(270deg) translate(280px) rotate(-270deg)}.home-content li:nth-child(2){transform:rotate(-20deg) translate(300px) rotate(10deg)}.home-content li:nth-child(3){transform:rotate(200deg) translate(280px) rotate(-190deg)}.home-content li:nth-child(4){transform:rotate(140deg) translate(270px) rotate(-150deg)}.home-content li:nth-child(5){transform:rotate(40deg) translate(270px) rotate(-25deg)}.popup{background:#8080804d;border-radius:15px;box-shadow:0 0 10px 1px #9e9c9c;color:#fff;display:flex;flex-direction:column;height:80%;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:70%;z-index:3}.close-page h1{color:#fffefe;cursor:pointer;float:right;font-size:1.2rem}.home-container.blurred{filter:blur(5px);transition:filter .5s ease}@media (max-width:1050px){.heading h1{text-align:center}.home-content li{font-size:1.5rem}}@media (max-width:990px){.popup{width:90%}}@media (max-width:750px){.popup{width:95%}.heading h1{text-align:center}.home-content li{font-size:1.5rem}.home-content li:first-child{transform:rotate(270deg) translate(200px) rotate(-270deg)}.home-content li:nth-child(2){transform:rotate(-20deg) translate(210px) rotate(10deg)}.home-content li:nth-child(3){transform:rotate(200deg) translate(200px) rotate(-190deg)}.home-content li:nth-child(4){transform:rotate(140deg) translate(190px) rotate(-150deg)}.home-content li:nth-child(5){transform:rotate(40deg) translate(190px) rotate(-25deg)}}@media (max-width:550px){.popup{width:98%}}@media (max-width:490px){.heading{padding:0}.home-content li{font-size:1.1rem}.home-content li:first-child{transform:rotate(270deg) translate(120px) rotate(-270deg)}.home-content li:nth-child(2){transform:rotate(-20deg) translate(130px) rotate(10deg)}.home-content li:nth-child(3){transform:rotate(200deg) translate(120px) rotate(-190deg)}.home-content li:nth-child(4){transform:rotate(140deg) translate(110px) rotate(-150deg)}.home-content li:nth-child(5){transform:rotate(40deg) translate(110px) rotate(-25deg)}}@media (max-width:320px){.home-content li{font-size:1rem}.home-content li:first-child{transform:rotate(270deg) translate(100px) rotate(-270deg)}.home-content li:nth-child(2){transform:rotate(-20deg) translate(100px) rotate(10deg)}.home-content li:nth-child(3){transform:rotate(200deg) translate(100px) rotate(-190deg)}.home-content li:nth-child(4){transform:rotate(140deg) translate(90px) rotate(-150deg)}.home-content li:nth-child(5){transform:rotate(40deg) translate(90px) rotate(-25deg)}}.face-container{padding-bottom:1rem;padding-top:1rem}.face,.face-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.face{animation:float 3s ease-in-out infinite;background-color:#fad609;border-radius:50%;box-shadow:inset -10px -10px 15px #0000001a,inset 10px 10px 15px #ffffffb3,0 0 15px #0000001a;cursor:pointer;height:250px;padding-top:3rem;position:relative;width:250px;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.smile{border-bottom-left-radius:70px;border-bottom-right-radius:70px;box-shadow:inset -10px -10px 15px #0000001a,inset 0 11px 15px #ffffffb3,0 0 5px 3px #d3b403;height:50px;position:absolute;transition:all .3s ease;width:120px}.face:hover .smile,.smile{background-color:orange;top:170px}.face:hover .smile{border-radius:50%;box-shadow:inset -10px -10px 15px #0000001a,inset 0 -11px 15px #ffffffb3,0 0 2px 1px #d3b403;height:60px;width:60px}.eyes{display:flex;top:-70px}.eyes,.eyes .eye{position:relative}.eyes .eye{background-color:#fff;border-radius:50%;box-shadow:inset -10px -10px 15px #0000001a,inset 10px 10px 15px #ffffffb3,0 0 5px 3px #d3b403;display:block;height:70px;margin:0 15px;width:70px}.eyes .eye:before{background-color:#000;border-radius:50%;content:"";height:40px;left:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.face-shadow{background:#242323;border-radius:50%;box-shadow:0 0 13px 10px #242323;height:12px;width:150px}@media (max-width:750px){.face{height:150px;width:150px}.eyes{top:-40px}.eyes .eye{height:50px;width:50px}.eyes .eye:before{background-color:#000;border-radius:50%;content:"";height:25px;left:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:25px}.smile{height:30px;position:fixed;top:110px;width:70px}.face:hover .smile{background-color:orange;border-radius:50%;box-shadow:inset -10px -10px 15px #0000001a,inset 0 -11px 15px #ffffffb3,0 0 2px 1px #d3b403;height:30px;top:110px;width:30px}}@media (max-width:490px){.face{height:100px;width:100px}.eyes{top:-40px}.eyes .eye{height:25px;width:25px}.eyes .eye:before{background-color:#000;border-radius:50%;content:"";height:15px;left:5px;position:absolute;top:50%;transform:translate(-50%,-50%);width:15px}.smile{height:15px;top:70px;width:40px}.face:hover .smile{height:20px;top:70px;width:20px}}@media (max-width:320px){.face{height:80px;position:fixed;width:80px}.eyes{top:-30px}.eyes .eye{height:20px;width:20px}.eyes .eye:before{background-color:#000;border-radius:50%;content:"";height:13px;left:5px;position:absolute;top:50%;transform:translate(-50%,-50%);width:13px}.smile{height:10px;top:55px;width:30px}.face:hover .smile{height:15px;top:60px;width:15px}}.about-container{-ms-overflow-style:none;display:flex;height:30rem;overflow-y:scroll;scrollbar-width:none;width:100%}.about-container::-webkit-scrollbar{display:none}.about-me{display:flex;flex-direction:column;height:auto;padding-top:5rem;width:55%}.about-me h2{color:#fda828;font-size:2rem;margin-bottom:2rem}.about-me p{font-size:1.1rem}.image{align-items:center;display:flex;height:auto;justify-content:center;padding-top:2rem;width:45%}.image img{background-color:#f0f8ff;border-radius:50%;height:27rem;width:95%}.skill-img{display:flex;flex-direction:row;gap:2rem;margin-top:2rem}.skill-img img{height:4rem;width:5rem}button{background-color:#fda828;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;height:auto;margin-top:2rem;padding:5px;transition:.5s ease;width:30%}button:hover{background-color:#8f5e16}@media (max-width:1270px){.about-me{padding-top:0}.about-me h2{font-size:1.3rem}.about-me p{font-size:1rem}.image{padding-top:0}.image img{height:auto;width:80%}}@media (max-width:950px){.about-me h2{font-size:1.2rem}.about-me p{font-size:.8rem;font-weight:400}.skill-img{gap:1rem;margin-top:1rem}.skill-img img{height:3rem;width:4rem}button{font-size:.6rem;height:auto;margin-top:1rem;padding:3px;width:30%}}@media (max-width:650px){.about-container{align-items:center;flex-direction:column;justify-content:center;text-align:center}.about-me{order:2;text-align:center}.image{margin-bottom:2rem;margin-top:3rem;order:1}.skill-img img{height:2rem;width:2rem}button{font-size:.6rem;height:auto;margin-top:1rem;padding:3px;width:40%}}@media (max-width:450px){.about-me,.skill-img{padding:0;width:100%}}.project-container{-ms-overflow-style:none;height:30rem;overflow-y:scroll;scrollbar-width:none;width:100%}.project-container::-webkit-scrollbar{display:none}.projects{display:grid;grid-template-columns:repeat(4,2fr);height:30rem;justify-items:center;margin-top:2rem;width:100%}.my-project h1{color:#fda828}.project-card{align-items:center;border:2px solid;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:15rem;margin-top:1rem;transition:.5s ease;width:13rem}.project-card:hover{transform:scale(1.1)}.project-card img{border-radius:10px;height:8rem;width:100%}.project-content{align-items:center;display:flex;flex-direction:column;height:auto;padding:0 4px;width:100%}.project-content h1{color:#fda828;font-size:1.5rem}.project-content p{font-size:1rem}.project-content a{background-color:initial;border-radius:5px;color:#fda828;font-size:1rem;font-weight:600;padding:3px;text-decoration:none;transition:.5s ease}.project-content a:hover{color:#fff}@media (max-width:1270px){.projects{grid-template-columns:repeat(3,1fr)}}@media (max-width:990px){.projects{grid-template-columns:repeat(3,1fr)}.project-card{height:13rem;width:10rem}.project-content h1{font-size:1.2rem}.project-content p{font-size:.6rem}.project-content a{font-size:.8rem;font-weight:400;padding:2px}}@media (max-width:550px){.projects{grid-template-columns:repeat(2,1fr)}}@media (max-width:380px){.projects{grid-template-columns:repeat(1,0fr);justify-content:center}.my-project h1{text-align:center}}.contact-container{-ms-overflow-style:none;display:flex;flex-direction:column;height:30rem;overflow-y:scroll;scrollbar-width:none;width:100%}.contact-container::-webkit-scrollbar{display:none}.contact-container h1{color:#fda828}.contact-content{display:flex;height:28rem;width:100%}.contact-left{display:flex;flex-direction:column;gap:2rem}.contact-left,.contact-right{justify-content:center;width:50%}.contact-right{height:28rem}.address,.email,.phone-no{align-items:center;display:flex;gap:1rem}.contact-left .content h1{font-size:1.4rem}span{align-items:center;border:2px solid #fda828;border-radius:50%;color:#fda828;font-size:1.5rem;height:3rem;justify-content:center;text-align:center;width:3rem}form,span{display:flex}form{background-color:#e2eef8;border:2px solid;border-radius:10px;flex-direction:column;height:30rem;padding:2rem;width:90%}form h1{text-align:center}form h2{color:#000;font-size:1.5rem;margin-top:2rem}form input{background:#0000;border:none;border-bottom:2px solid #777474;color:#000;font-size:1.2rem;outline:none;padding:5px}form button{background-color:#fda828;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:5px;width:50%}.notification{background-color:#4caf50;border-radius:5px;color:#fff;margin-top:20px;padding:10px;text-align:center}.notification.error{background-color:#f44336}@media (max-width:1270px){form{height:25rem}form h1{font-size:1.5rem}form h2{font-size:1.2rem;margin-top:1rem}form input{font-size:1rem;padding:3px}}@media (max-width:720px){.contact-left{width:40%}.contact-right{width:60%}.contact-left .content h1{font-size:1rem}.contact-left .content p{font-size:.8rem}span{font-size:1rem;height:2rem;width:2rem}form{height:25rem}form h1{font-size:1.5rem}form h2{font-size:1.2rem;margin-top:1rem}form input{font-size:1rem;padding:3px}}@media (max-width:600px){.contact-content{align-items:center;flex-direction:column;gap:2rem;justify-content:center}.contact-left{margin-top:13rem;width:100%}.contact-right{align-items:center;justify-content:center;width:100%}}@media (max-width:330px){form h1{font-size:1rem}form h2{font-size:.7rem;margin-top:1rem}form input{font-size:.6rem;padding:3px}}.services-container{-ms-overflow-style:none;height:28rem;overflow-y:scroll;scrollbar-width:none;width:100%}.services-container::-webkit-scrollbar{display:none}.services-container h1{color:#fda828}.services-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,2fr);margin-top:2rem;width:100%}.services p{margin-top:1rem}.services span{border:none;color:#fda828;font-size:2rem}@media (max-width:480px){.services-content{align-items:center;grid-template-columns:repeat(1,0fr);justify-content:center;width:100%}.services{width:12rem}}
/*# sourceMappingURL=main.2d0aab8b.css.map*/