.projects-container{align-items:center;background:#25262a;padding:10vmin 15vmin;justify-content:center}.projects-container .projects-grid{gap:5vmin;display:flex;flex-wrap:wrap;margin-top:2.5vmin}.projects-container .info h1{margin:10px 0 0;color:#00d8ff;font-size:14px;font-weight:400}.projects-container .info p{margin:0;color:#fff;opacity:.5;font-size:13px;max-width:350px;word-wrap:break-word}.projects-container .project{display:flex;flex-direction:column}.projects-container .project .project-thumb{width:350px;max-height:169px}.projects-container .project .links{display:flex;margin-top:.5rem}.projects-container .project .links .link{margin:0;padding:0;color:#fff;opacity:.5;font-size:14px;margin-right:1rem;text-decoration-line:none}.projects-container .project .links .link:hover{cursor:pointer;opacity:1}.commets-container{height:100%;width:100%;position:absolute;overflow:hidden}.commets-container .commet{position:absolute;width:70.48px;height:2px;background:linear-gradient(90deg,#B9E9F9 12.91%,rgba(185,233,249,.24) 53.3%,rgba(185,233,249,0) 100%);border-radius:16px 0 0 16px}.commets-container .commet-effect-1{width:46px;height:1px;top:50%;left:-80px;animation:7s linear 0s infinite commet-1}.commets-container .commet-effect-2{width:46px;height:1px;top:207px;left:-80px;animation:11s linear 0s infinite commet-1}.commets-container .commet-effect-3{right:700px;bottom:-80px;animation:7s linear 0s infinite commet-2}.commets-container .commet-effect-4{left:0;bottom:-80px;animation:16s linear 0s infinite commet-2}@keyframes commet-1{0%{transform:translate(0) rotate(198deg);width:36px}25%{width:56px}60%{width:80.48px;transform:translate(100vh,100vh) rotate(225deg)}to{transform:translate(100vh,100vh) rotate(245deg);width:46px}}@keyframes commet-2{0%{transform:translate(0) rotate(145deg);width:46px}15%{width:30px}40%{width:70.48px}to{transform:translate(100vh,-50vh) rotate(165deg);width:46px}}*:focus{outline:0}body{height:100vh;width:100vw;padding:0;margin:0;overflow-x:hidden;background-color:#2d2e32;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}*::-webkit-scrollbar{width:0!important}label{color:#ffffffb3;margin-bottom:20rem}.footer{display:flex;justify-content:center;background-color:#25262a;padding:1rem 0;color:#ffffffb3;font-size:12px}.contact{padding:2.5rem 15rem;height:200px;display:flex;flex-direction:column;justify-content:center}.contact .info{display:flex;align-items:center;font-size:20px;font-weight:400;color:#fffc;font-style:italic}.contact .contact-btn{background:#529ad1;border:none;color:#fff;width:120px;height:45px;border-radius:6px;margin-left:2rem;transition:ease-in .15s}.contact .contact-btn:hover{transform:scale(1.03);cursor:pointer}.welcome-section{display:flex;height:100vh;width:100vw;flex-direction:column}.welcome-section .hero{height:100%;padding:0 15vmin;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:15vmin;grid-row-gap:15vmin}.welcome-section .expertise{align-self:center;grid-area:1/2/2/3;animation:fadeIn 1s ease-in forwards}.welcome-section .expertise label{font-size:1.2em}.welcome-section .expertise .icons{gap:1.5vmin;display:flex;flex-wrap:wrap;margin-top:2.5vmin}.welcome-section .expertise .info{margin-top:1.5rem;font-size:1.8vmin;font-weight:400;color:#ffffffb3}.welcome-section .expertise .item{display:flex;min-height:7.5vmin;min-width:7.5vmin;border-radius:50%;justify-content:center;align-items:center;background-color:#25262a;animation:float 6s ease-in-out infinite;box-shadow:0 5px 15px #0000004d}.welcome-section .expertise .item:hover{cursor:pointer}.welcome-section .expertise .item .icon{font-size:30px}.welcome-section .introduction{align-self:center;grid-area:1/1/2/2;animation:fadeIn 1s ease-in forwards}.welcome-section .introduction h1,.welcome-section .introduction p{padding:0;margin:0}.welcome-section .introduction h1{color:#fff;font-size:30px;margin-top:1.8vmin}.welcome-section .introduction p{color:#ffffffb3;margin-top:5px;font-size:1.8vmin;font-weight:400}.welcome-section .introduction p span{opacity:1}.navigation{display:flex;padding:5vmin 15vmin;justify-content:space-between;position:sticky;top:0;background-color:#2d2e32;z-index:2}.navigation .left-nav{display:flex}.navigation .logo{display:block;color:#ffffffe0;font-size:26px;font-weight:400}.navigation .logo span{font-weight:500;color:#fff}.navigation .navigation-links{margin:0;padding:0;display:flex;align-items:center;list-style-type:none;margin-left:5rem}.navigation .navigation-links .navigation-item{color:#fff;margin:0 1rem;font-weight:500;transition:ease-in .25s}.navigation .navigation-links .navigation-item:hover{color:#529ad1;cursor:pointer}.navigation .navigation-links .active{color:#529ad1}.navigation .navigation-social{margin:0;padding:0;display:flex;list-style-type:none}.navigation .navigation-social a{text-decoration:none}.navigation .navigation-social .navigation-item{margin:0 .8rem;color:#ffffffab;font-weight:400;transition:ease-in .2s;padding:10px 20px}.navigation .navigation-social .navigation-item svg{color:#fff;margin-right:5px}.navigation .navigation-social .navigation-item:hover{cursor:pointer;color:#fff;background-color:#25262a;border-radius:50px}@keyframes float{0%{box-shadow:0 5px 15px #00000040;transform:translatey(0)}50%{box-shadow:0 25px 15px #0000001a;transform:translatey(-5px)}to{box-shadow:0 5px 15px #00000040;transform:translatey(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{z-index:3}
