body{padding:0;overflow-x:hidden;margin:0;background-color:#100c08}nav{position:fixed;top:0;width:100%;padding:10px;z-index:100;border-bottom-right-radius:3em}.navigator .nav-container{display:flex;align-items:center;padding:0 10px;justify-content:space-between;width:95%}.navigator .nav-container .logo{font-family:Montserrat,sans-serif;font-size:40px;cursor:pointer;background:-webkit-linear-gradient(-259deg,#f81f01,#ee076e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:.35s ease-in-out}.navigator .nav-container .logo:hover{transform:scale(1.07)}.navigator .nav-container .pages{display:flex;gap:50px}.navigator .nav-container .pages h2{position:relative;color:#ffffffbe;font-family:Poppins,sans-serif;cursor:pointer;font-weight:300;transition:.25s ease-in-out}.navigator .nav-container .pages h2:before{content:"";position:absolute;top:0;left:0;right:0;max-width:0;bottom:-2px;transition:.35s ease-in-out}.navigator .nav-container .pages h2:hover:before{border-bottom:1px solid #dc3545;max-width:100%}.navigator .nav-container .pages h2:hover{color:#dc3545}.hero-sec .hero-container .short-intro{position:relative;top:100px;left:40px}.hero-sec .hero-container .topimg-intro{position:absolute;background-image:url(https://cdn.pixabay.com/photo/2017/04/19/13/03/coffee-2242213_640.jpg);width:100%;z-index:-1;height:700px;box-shadow:inset 0 0 100px #000;background-size:cover;filter:blur(.2em)}.hero-sec .hero-container .short-intro h2{position:relative;z-index:1;font-weight:700;top:250px;font-family:Montserrat,sans-serif;margin:30px}.hero-sec .hero-container .short-intro #name{font-size:50px;color:#ffffffbe}.hero-sec .hero-container .short-intro #major{font-size:45px;color:#ffffffbe}.hero-sec .hero-container .short-intro #major span{font-size:50px;background:-webkit-linear-gradient(-259deg,#f81f01,#ee076e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sec .hero-container .full-intro{display:flex;position:relative;align-items:center;width:100%;padding:20px;top:750px;background-color:#22201ec0}.hero-sec .hero-container .full-intro .about{display:grid;gap:50px;margin:0 50px}.hero-sec .hero-container .full-intro .bodyimg-intro img{height:600px;width:600px;border-radius:.3em;margin:10px}.hero-sec .hero-container .full-intro .about .about-header h2{font-family:Montserrat,sans-serif;font-size:70px;color:#fff}.hero-sec .hero-container .full-intro .about .about-header h3{color:#ffffff83;line-height:1.5em;font-family:Poppins,sans-serif;font-weight:300;text-align:justify}.hero-sec .hero-container .full-intro .about .about-skills{display:grid;gap:20px}.hero-sec .hero-container .full-intro .about .about-skills button{font-size:30px;cursor:pointer;position:relative;color:#dc3545;font-family:Montserrat,sans-serif;font-size:27px;border:none;font-weight:300;background-color:#22201ec0;box-shadow:0 0 10px #000;border-radius:.3em;padding:10px;width:500px;animation:btn alternate .25s;transition:.25s ease-in-out}.hero-sec .hero-container .full-intro .about .about-skills button:hover{transform:translate(10px);background-color:#dc3546f1;color:#fff}.hero-sec .hero-container .full-intro .about .about-skills .hide{position:relative;transform:translate(5%);opacity:0;transition:.35s ease-in-out}.hero-sec .hero-container .full-intro .about .about-skills .show{transform:translateY(0);opacity:1}.hero-sec .hero-container .full-intro .about .about-skills h3{color:#ffffff83;line-height:1.5em;font-family:Poppins,sans-serif;font-weight:300;text-align:justify}.hero-sec .hero-container .services{position:relative;display:flex;top:900px;justify-content:space-between;align-items:center;width:100%}.hero-sec .hero-container .services .servicebox{background:#22201ec0;position:relative;display:grid;text-align:center;line-height:1.7em;place-items:center;width:300px;padding:70px 30px;height:350px;margin:0 auto;border-radius:.5em;box-shadow:0 0 15px #000;transition:.35s ease-in-out}.hero-sec .hero-container .services .servicebox:hover{background:none;transform:scale(1.03)}.hero-sec .hero-container .services .servicebox:before{position:absolute;content:"";border-radius:.5em;bottom:0;top:0;left:0;right:0;background-image:linear-gradient(90deg,#f61b10,#ef0963);opacity:0;z-index:-1;transition:.35s all}.hero-sec .hero-container .services .servicebox:hover:before{opacity:1;transform:scale(1.03)}.hero-sec .hero-container .services .servicebox h2{color:#fff;font-size:30px;font-weight:400;font-family:Montserrat,sans-serif}.hero-sec .hero-container .services .servicebox h3{color:#ffffff83;font-family:Poppins,sans-serif;font-weight:300}.hero-sec .hero-container .services .servicebox img{width:50px;height:50px}.hero-sec .hero-container .projects{position:relative;top:1100px;display:grid;gap:80px}.hero-sec .hero-container .projects .projects-container{display:flex;align-items:center;justify-content:space-between;width:100%}.hero-sec .hero-container .projects .project-title{background-image:linear-gradient(90deg,#f61b10,#ef0963);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 auto;position:relative;font-family:Montserrat,sans-serif;font-size:47px;padding:20px;font-weight:300;text-shadow:0 0 10px #dc3545}.hero-sec .hero-container .projects .project-title:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-top:1px solid #dc3545;border-bottom:1px solid #dc3545}.hero-sec .hero-container .projects .projectbox{box-shadow:0 0 15px #000;margin:0 auto;position:relative;display:grid;place-items:center;gap:10px;transition:.25s ease-in-out}.hero-sec .hero-container .projects .projectbox:before{position:absolute;content:"";bottom:0;left:0;top:0;background:-webkit-linear-gradient(-259deg,#f81f01,#ee076e);height:100%;opacity:0;z-index:-1;width:100%;transition:.25s ease-in-out}.hero-sec .hero-container .projects .projectbox:hover:before{opacity:60%}.hero-sec .hero-container .projects .projectbox:hover{transform:translateY(-1%)}.hero-sec .hero-container .projects .projectbox h2{color:#fff;font-family:Montserrat,sans-serif;font-weight:300}.hero-sec .hero-container .projects .projectbox button{width:fit-content;padding:10px;position:relative;font-size:20px;border:1px solid #dc3545;background-color:transparent;border-radius:.3em;color:#dc3545;box-shadow:0 0 10px #000;cursor:pointer;transition:.25s ease-in-out}.hero-sec .hero-container .projects .projectbox button:hover{background-color:#dc35469c;color:#fff}.hero-sec .hero-container .projects .projectbox1{background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.9QSMV18Z-lFT9jt1KPUQ2wAAAA%26pid%3DApi&f=1&ipt=6a9e087f069f1c902b659d685d5983e7875a36fb7cc75f5df6dc9d3b72bef6ad&ipo=images);width:310px;height:320px;border:1px solid #dc3545}.hero-sec .hero-container .projects .projectbox2{background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse3.mm.bing.net%2Fth%3Fid%3DOIP.25jeODeUXfJCoxHqmsEjZQAAAA%26pid%3DApi&f=1&ipt=819bc94caa2d1368a69b8be0a1a5b89419ef85b5ce25340380c43d6593724175&ipo=images);width:310px;height:320px;border:1px solid #dc3545}.hero-sec .hero-container .projects .projectbox3{background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.-dVKltqUCHTxtetq3hEP7gAAAA%26pid%3DApi&f=1&ipt=50890d10ed08e55f98bee020480f8ee811bd3c9de984e51b466100b540566b03&ipo=images);width:310px;height:320px;filter:blur(.03em);border:1px solid #dc3545}.hero-sec .hero-container .contacts{position:relative;top:1200px;display:grid;place-items:center;text-align:center;gap:50px}.hero-sec .hero-container .contacts .contact-title{border:1px solid #dc3545;font-family:Montserrat,sans-serif;padding:20px;font-size:50px;border-radius:.1em;background:-webkit-linear-gradient(-259deg,#f81f01,#ee076e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 1s alternate ease-in-out infinite}.hero-sec .hero-container .contacts .contact-information{display:flex;gap:50px}.hero-sec .hero-container .contacts .contact-information h3{color:#ffffff83;font-family:Poppins,sans-serif;font-size:25px;font-weight:300;margin-top:20px}.hero-sec .hero-container .contacts .contactform-title{font-family:Montserrat,sans-serif;position:relative;padding:20px;color:#dc3545;font-weight:300;font-size:30px;border-radius:.1em}.hero-sec .hero-container .contacts .contactform-title:before{content:"";position:absolute;top:0;left:0;right:0;bottom:-2px;border-bottom:1px solid #dc3545}@keyframes glow{0%{box-shadow:0 0 8px #000}to{box-shadow:0 0 8px #dc3545}}.hero-sec .hero-container .contacts .contactform{display:grid;gap:100px}.hero-sec .hero-container .contacts .contactform form{display:grid;text-align:center;gap:30px}.hero-sec .hero-container .contacts .contactform label{font-family:Montserrat,sans-serif;color:#fff;font-size:25px;font-weight:300}.hero-sec .hero-container .contacts .contactform input{border:none;border-radius:.3em;background-color:#22201ec0;box-shadow:0 0 10px #000;color:#fff;font-size:15px;padding:10px;outline:none;width:600px;height:25px;outline:1px solid #22201ec0;font-family:Poppins,sans-serif;transition:.25s ease-in-out}.hero-sec .hero-container .contacts .contactform input:focus{outline:1px solid #dc3545}.hero-sec .hero-container .contacts .contactform form #Message{height:300px;border:none;border-radius:.3em;resize:none;background-color:#22201ec0;box-shadow:0 0 10px #000;color:#fff;font-size:15px;padding:10px;outline:1px solid #22201ec0;font-family:Poppins,sans-serif;transition:.25s ease-in-out}.hero-sec .hero-container .contacts .contactform form #Message:focus{outline:1px solid #dc3545}.hero-sec .hero-container .contacts .contactform form input:last-child{width:fit-content;margin:10px auto;height:fit-content;padding:20px;color:#dc3545;width:200px;cursor:pointer;box-shadow:0 0 20px #000;transition:.25s ease-in-out}.hero-sec .hero-container .contacts .contactform form input:last-child:hover{color:#fff;background-color:#dc3546}.hero-sec .hero-container .contacts .contactform form input:last-child:focus{background-color:#dc3545;border:none;color:#fff}.hero-sec .hero-container .contacts .successfull{background-color:#343230c0;color:#5bb15b;width:fit-content;position:fixed;top:100px;left:80%;z-index:1;padding:10px;border-radius:.1em;box-shadow:0 0 7px #5bb15b;width:200px;animation:popup alternate Es ease-in-out}@keyframes popup{0%{transform:translate(20%)}50%{transform:translate(0)}to{transform:translate(130%)}}footer{position:relative;top:200vh;background-color:#22201ec0;box-shadow:0 0 15px #000;border-top-right-radius:5em;border-top:1px solid #dc3545}footer .footer-container{display:flex;justify-content:space-between;align-items:center;width:95%;text-align:center}footer .footer-container .footer-links{display:grid;text-align:center;margin:10px 50px}footer .footer-container .footer-links h2{color:#ffffffbe;font-weight:300;font-family:Poppins,sans-serif;margin:15px}footer .footer-container .footer-links h2:hover{text-decoration:underline;cursor:pointer}footer .footer-container .copyright{background:-webkit-linear-gradient(bottom,#f81f01,#ee076e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Montserrat,sans-serif;font-weight:300;font-size:27px;border:1px solid #dc3545;padding:10px;box-shadow:inset 0 0 10px #dc3545}footer .footer-container .socials{display:flex;justify-content:space-between;gap:20px}footer .footer-container .socials img{width:40px;height:40px;opacity:80%;cursor:pointer;transition:.25s ease-in-out}footer .footer-container .socials img:hover{transform:scale(1.1)}@media (max-width:1150px){.hero-sec .hero-container .full-intro{display:grid;place-items:center}.hero-sec .hero-container .services{display:flex;flex-direction:column;gap:30px}}@media (max-width:1000px){.hero-sec .hero-container .projects .projects-container{display:grid;place-content:center;gap:100px}}section .details-container .topimg img{width:100%;height:700px;filter:blur(.5em)}section .details-container .info-container{position:relative;display:grid;margin:25px;gap:50px;top:250px}section .details-container .info-container h2{color:#fff;font-family:Montserrat,sans-serif;font-size:40px}section .details-container .info-container .knowledgeUsed{display:flex;margin-left:50px;gap:100px}section .details-container .info-container h3{color:#ffffff83;font-weight:300;line-height:2em}section .details-container .projects{position:relative;top:1100px;display:grid;gap:80px}section .details-container .projects .projects-container{display:flex;align-items:center;justify-content:space-between;width:100%}section .details-container .projects .project-title{background-image:linear-gradient(90deg,#f61b10,#ef0963);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 auto;position:relative;font-family:Montserrat,sans-serif;font-size:47px;padding:20px;font-weight:300;text-shadow:0 0 10px #dc3545}section .details-container .projects .project-title:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-top:1px solid #dc3545;border-bottom:1px solid #dc3545}section .details-container .projects .projectbox{box-shadow:0 0 15px #000;margin:0 auto;position:relative;display:grid;place-items:center;gap:10px;transition:.25s ease-in-out}section .details-container .projects .projectbox:before{position:absolute;content:"";bottom:0;left:0;top:0;background:-webkit-linear-gradient(-259deg,#f81f01,#ee076e);height:100%;opacity:0;z-index:-1;width:100%;transition:.25s ease-in-out}section .details-container .projects .projectbox:hover:before{opacity:60%}section .details-container .projects .projectbox:hover{transform:translateY(-1%)}section .details-container .projects .projectbox h2{color:#fff;font-family:Montserrat,sans-serif;font-weight:300}section .details-container .projects .projectbox button{width:fit-content;padding:10px;position:relative;font-size:20px;border:1px solid #dc3545;background-color:transparent;border-radius:.3em;color:#dc3545;box-shadow:0 0 10px #000;cursor:pointer;transition:.25s ease-in-out}section .details-container .projects .projectbox button:hover{background-color:#dc35469c;color:#fff}section .details-container .projects .projectbox1{background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.9QSMV18Z-lFT9jt1KPUQ2wAAAA%26pid%3DApi&f=1&ipt=6a9e087f069f1c902b659d685d5983e7875a36fb7cc75f5df6dc9d3b72bef6ad&ipo=images);width:310px;height:320px;border:1px solid #dc3545}section .details-container .projects .projectbox2{background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse3.mm.bing.net%2Fth%3Fid%3DOIP.25jeODeUXfJCoxHqmsEjZQAAAA%26pid%3DApi&f=1&ipt=819bc94caa2d1368a69b8be0a1a5b89419ef85b5ce25340380c43d6593724175&ipo=images);width:310px;height:320px;border:1px solid #dc3545}section .details-container .projects .projectbox3{background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.-dVKltqUCHTxtetq3hEP7gAAAA%26pid%3DApi&f=1&ipt=50890d10ed08e55f98bee020480f8ee811bd3c9de984e51b466100b540566b03&ipo=images);width:310px;height:320px;filter:blur(.03em);border:1px solid #dc3545}:root{padding:0;margin:0}