@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,500;0,6..12,600;1,6..12,400;1,6..12,500&display=swap";input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #080808 inset;-webkit-text-fill-color:#fff}*{margin:0;padding:0;font-family:Nunito Sans,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#080808;color:#fff}section{margin-top:200px}.hidden{opacity:0;filter:blur(5px);transform:translate(-100%);transition:all 1s}.show-scroll{opacity:1;filter:blur(0);transform:translate(0)}@media (prefers-reduced-motion){.hidden{transition:none}}header{width:100%;height:100vh;background-image:url();background-size:cover;background-position:center}.container{padding:10px 10%}nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.logo{width:140px}nav ul li{display:inline-block;list-style:none;margin:10px 20px}nav ul li a{color:#fff;text-decoration:none;font-size:18px;position:relative}nav ul li a:after{content:"";width:0;height:3px;background:#ff004f;position:absolute;left:0;bottom:-6px;transition:.5s}nav ul li a:hover:after{width:100%}.header-text{margin-top:20%;font-size:30px}.header-text h1{font-size:60px;margin-top:20px}.header-text h1 span{color:#ff004f}#about{padding:80px 0;color:#ababab}.row{display:flex;justify-content:space-between;flex-wrap:wrap}.about-col-1{flex-basis:35%}.about-col-1 img{width:100%;border-radius:5%}.about-col-2{flex-basis:60%}.sub-title{font-size:60px;font-weight:600;color:#fff}.tab-titles{display:flex;margin:20px 0 40px}.tab-links{margin-right:15px;font-size:18px;font-weight:500;cursor:pointer;position:relative}.tab-links:after{content:"";width:0;height:3px;background:#ff004f;position:absolute;left:0;bottom:-8px;transition:.5s}.tab-links.active-link:after{width:50%}.tab-contents ul li{list-style:none;margin:10px 0}.tab-contents ul li span{color:#b54769;font-size:14px}.tab-contents{display:none}.tab-contents.active-tab{display:block}#certificates{padding:30px 0}.certificate-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;margin-top:50px}.certificates:nth-child(2){transition-delay:.1s}.certificates:nth-child(3){transition-delay:.2s}.certificates:nth-child(4){transition-delay:.3s}.certificate-list div{background:#262626;padding:40px;font-size:13px;font-weight:300;border-radius:10px;transition:background .5s,transform .5s}.certificate-list div i{font-size:50px;margin-bottom:30px}.certificate-list div h2{font-size:30px;font-weight:500;margin-bottom:15px}.certificate-list div a{text-decoration:none;color:#fff;font-size:12px;margin-top:20px;display:inline-block}.certificate-list div:hover{background:#ff004f;transform:translateY(-10px)}#portfolio{padding:50px 0}#portfolio h2{text-align:center}.container{width:100%;position:relative}.work-list{display:flex;height:500px;width:100%;margin-top:50px}.swiper{height:600px;width:100%;padding:auto}.button-next{position:absolute;right:4%;top:43%;cursor:pointer}.button-prev{position:absolute;left:4%;top:43%;cursor:pointer}.work{border-radius:10px;position:relative;overflow:hidden;height:100%;width:90%;margin:auto}.work img{width:100%;height:80%;object-fit:cover;border-radius:10px;display:block;transition:transform .5s}.layer{width:100%;height:0;background:linear-gradient(#0009,#ff004f);border-radius:10px;position:absolute;left:0;bottom:66px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;font-size:14px;transition:height .5s}.layer h3{font-weight:500;margin-bottom:20px}.external-links{display:flex;flex-direction:row;gap:20px}.external-links a{margin-top:20px;color:#ff004f;text-decoration:none;font-size:18px;line-height:60px;background-color:#fff;width:60px;height:60px;border-radius:50%;text-align:center}.work:hover img{transform:scale(1.1)}.work:hover .layer{height:89%}.btn{display:block;margin:20px auto;width:fit-content;border:1px solid #ff004f;padding:14px 50px;border-radius:6px;text-decoration:none;color:#fff;transition:background .5s}.btn:hover{background:#ff004f}.contact-left{flex-basis:35%}.contact-right{flex-basis:60%}.contact-left p{margin-top:30px}.contact-left p i{color:#ff004f;margin-right:15px;font-size:25px}.social-icons{margin-top:30px}.social-icons a{text-decoration:none;font-size:30px;margin-right:15px;color:#ababab;display:inline-block;transition:transform .5s}.social-icons a:hover{color:#ff004f;transform:translateY(-5px)}.btn.btn2{display:inline-block;background:#ff004f;cursor:pointer}.btn.btn2:hover{background:#8b0505;font-weight:700}.contact-right form{width:100%}form{display:flex;flex-direction:column}form btn2{padding:14px 60px;font-size:18px;margin-top:20px;cursor:pointer}.input-container{position:relative;width:100%;height:auto;border-radius:10px;display:flex;align-items:center;flex-direction:row;justify-content:center;background:#080808;margin-bottom:45px}.input-container:before{position:absolute;content:"";height:60%;width:.12rem;left:16%;border-radius:.5rem;background:#707070}.input-container .input-field{position:relative;max-height:4.2rem;padding:1.8rem 2.5rem;padding-left:7rem!important;border:.15rem solid rgb(68,68,68);color:#d2d2d2;outline:none;border-radius:1rem;font-size:1rem;font-weight:400;width:100%;background:transparent;transition:border-color .3s ease;cursor:pointer}.input-container .message-field{resize:none;position:relative;max-height:9rem;padding:1.8rem 2.5rem;padding-left:7rem!important;border:.15rem solid rgb(68,68,68);color:#d2d2d2;outline:none;border-radius:1rem;font-size:1rem;font-weight:400;width:100%;background:transparent;transition:border-color .3s ease;cursor:pointer}.input-container label{position:absolute;top:50%;left:20%;transform:translateY(-50%);font-size:.9rem;transition:.3s ease-in-out;font-weight:500;color:#999;padding:0 .3rem;user-select:none}#input-icon{position:absolute;left:8%;top:50%;transform:translateY(-50%);color:#999;font-size:1.2rem}.input-field:focus+label{top:0%;left:7%;background-color:#080808;color:#d2d2d2}.message-field:focus+label{top:0%;left:7%;background-color:#080808;color:#d2d2d2}.input-field:focus,.message-field:focus{border-color:#96c477}.input-field:not(:placeholder-shown).input-field:not(:focus)+label{top:0%;left:7%;background-color:#080808;color:#d2d2d2}.input-field:not(:placeholder-shown).input-field:not(:focus){border-color:#96c477}.message-field:not(:placeholder-shown).message-field:not(:focus)+label{top:0%;left:7%;background-color:#080808;color:#d2d2d2}.message-field:not(:placeholder-shown).message-field:not(:focus){border-color:#96c477}.toast-msg{position:absolute;left:8%;top:100%;display:flex;flex-direction:row;gap:8px;align-items:center;margin-top:0;opacity:0;transition:.3s ease}.toast-msg.active{margin-top:.5rem;opacity:1}.toast-msg p{font-size:1rem;color:#ff654a}.contact-right{position:relative}.loader{border:16px solid #707070;border-top:16px solid #ff004f;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite;display:none;z-index:1;bottom:50%;right:40%;transform:translateY(-50%);position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.copyright{width:100%;text-align:center;padding:25px 0;background:#262626;font-weight:300;margin-top:20px}.copyright i{color:#ff004f}.source-code{text-decoration:none;color:#96c477;font-size:medium;font-weight:700}nav .fas{display:none}.snackbar{visibility:hidden;min-width:350px;min-height:50px;margin-left:-125px;background-color:#fffc;color:#080808;text-align:center;border-radius:10px;padding:10px;position:fixed;z-index:1;left:50%;bottom:50px;border:1px solid #ff004f}.snackbar p{font-size:x-large;font-weight:bolder}.snackbar.show{visibility:visible;animation-name:snackbarColor;animation-duration:1s}@keyframes snackbarColor{0%{bottom:-60px}to{bottom:50px}}@media only screen and (max-width: 600px){.header-text{margin-top:100%;font-size:16px}.header-text h1{font-size:30px}nav .fas{display:block;font-size:25px;cursor:pointer}nav ul{background:#ff004f;position:fixed;top:0;right:-200px;width:200px;height:100vh;padding-top:50px;z-index:2;transition:right .5s}nav ul li{display:block;margin:25px}nav ul .fas{position:absolute;top:25px;left:25px;cursor:pointer}.sub-title{font-size:40px}.about-col-1,.about-col-2{flex-basis:100%}.about-col-1{margin-bottom:30px}.about-col-2{font-size:14px}.tab-links{font-size:16px;margin-right:20px}.contact-left,.contact-right{flex-basis:100%}.input-container .input-field{padding-left:4rem!important}.copyright{font-size:14px}}