*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#000;color:#fff}.page-container{max-width:1280px;margin:0 auto;padding:2rem}.section{margin-bottom:5rem}.top-row{display:flex;justify-content:space-between;gap:3rem}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;cursor:pointer}.nav-open{right:0}.nav-closed{right:-200px}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-content{display:flex;justify-content:space-between;align-items:center}.header-text{font-size:30px;flex-basis:45%}.header-text-one{margin-bottom:3rem}.header-text h1 span{color:#38b6ff}.header-content .image-container img{max-width:500px;object-fit:contain;border-radius:1.5rem;width:100%}.image-mobile{display:none}#about .image-container{flex-basis:50%}#about .image-container img{max-width:500px;width:100%;border-radius:1.5rem;object-fit:contain}.about-text{flex-basis:50%}.about-title{font-size:3.75rem}.about-subtitles{display:flex;margin:1.25rem 0 2.5rem;gap:3.125rem;font-size:1.125rem;cursor:pointer}.active-link{font-weight:600;position:relative}.active-link:after{content:"";width:0;height:3px;background:red;position:absolute;left:0;bottom:-8px;transition:.5s;width:100%}.active-content ul li{list-style:none;margin:10px 0;font-size:18px}.active-content ul li h6{color:#b54769;font-size:16px;text-decoration:underline;font-weight:400;opacity:.8}.tab-contents{display:none}.tab-contents.active-content{display:block;color:#d3d3d3}.about-text p{color:#ababab}.about-text>p:first-of-type{margin-bottom:1rem}.work-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(45%,1fr));grid-gap:2.5rem;margin-top:3.125rem}.work{border-radius:10px;position:relative;overflow:hidden}.work img{width:100%;height:450px;display:block;object-fit:cover;border-radius:10px;transition:transform .5s}.layer{width:100%;height:0;background:linear-gradient(#0009,#ff004f);border-radius:10px;position:absolute;left:0;bottom:0;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}.layer a{margin-top:20px;color:#ff004f;text-decoration:none;font-size:18px;line-height:60px;background:#fff;width:60px;height:60px;border-radius:50%;text-align:center}.work:hover img{transform:scale(1.1)}.work:hover .layer{height:100%}.btn{display:block;margin:50px 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}.contact-right form{width:100%}form input,form textarea{width:100%;border:0;outline:none;background:#262626;padding:15px;margin:15px 0;color:#fff;font-size:18px;border-radius:6px}form .btn2{padding:14px 60px;font-size:18px;margin-top:20px;cursor:pointer}.copyright{width:100%;text-align:center;font-weight:300;margin-top:20px}nav .fa-solid,nav .fa-regular{display:none}@media only screen and (max-width: 1500px){.work img{width:100%;height:335px}}@media only screen and (max-width: 600px){.container{padding:0 20px;margin:0}.header-content{margin-top:20px}.image-full{display:none}.image-mobile{display:block}.image-container img{width:90%;height:auto;text-align:center;margin:auto}.header-text{width:60%;font-size:16px}.header-text h1{font-size:30px}nav .fa-solid,nav .fa-regular{display:block;font-size:25px}nav ul{background:#ff004f;position:fixed;top:0;right:-200px;width:150px;height:100%;padding-top:50px;transition:right .5s}nav ul li{display:block;margin:25px}nav ul .fa-regular{position:absolute;top:25px;left:25px;cursor:pointer}.about-col-1 img{width:100%;height:auto}.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}#about{padding:50px 0}.work img{object-fit:cover;width:100%;height:205px}.contact-left,.contact-right{flex-basis:100%}.copyright{font-size:14px}}#msg{color:#38b6ff;margin-top:-40px;display:block}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}