:root{--primary: #0a192f;--white: #e6f1ff;--dim-white: #8892b0;--accent: #64ffda}html{scroll-behavior:smooth}body{background-color:var(--primary);color:var(--white)}.container{padding-left:1.5rem;padding-right:1.5rem;max-width:1320px;margin-left:auto;margin-right:auto}a{color:inherit;text-decoration:none}.heading{font-size:2rem;font-weight:500}.contact{width:100%;text-align:center}.contact .top{display:flex;align-items:center;gap:.5rem}.contact .top .left,.contact .top .right{height:2px;background:var(--white);flex:1;transform:translateY(50%)}.contact .information{padding:3rem}.contact .information .title{font-size:2rem;font-weight:500;color:var(--dim-white)}.contact .information .sub-title{color:var(--dim-white);font-size:1.5rem;margin:.5rem}.contact .information .email{font-size:1rem;color:var(--accent)}.contact .information .icons{margin-top:1rem;align-items:center;font-size:2rem}.contact .information .icons .icon{color:var(--dim-white);margin-left:1rem}.contact .information .icons .icon:hover{color:var(--accent)}.expertise{width:100%}.expertise .top{display:flex;align-items:center;gap:.5rem}.expertise .top .left,.expertise .top .right{height:2px;background:var(--white);flex:1;transform:translateY(50%)}.expertise .services{margin-top:4rem;margin-bottom:4rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width: 970px){.expertise .services{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 672px){.expertise .services{grid-template-columns:repeat(1,1fr)}}.service-card{padding:2rem;border:1px solid var(--white);opacity:0;transform:translateY(20%);transition:all 2s ease}.service-card .title{font-size:1.2rem;font-weight:600}.service-card .body{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.service-card .body span{color:var(--dim-white)}.service-card .body p{margin-left:1rem;padding-left:.5rem;border-left:2px solid var(--dim-white)}.service-card.show{opacity:1;transform:translateY(0)}footer{text-align:center;padding:1rem}.hero{display:flex;flex-direction:column;justify-content:center;width:100%;height:100vh;position:relative}.hero .greeting{color:var(--accent);animation:fadeInUp;animation-duration:2s;animation-fill-mode:forwards;opacity:0}.hero .name{font-size:5rem;font-weight:600;animation:fadeInUp 2s;animation-delay:1s;animation-fill-mode:forwards;opacity:0}.hero .title{font-size:3rem;font-weight:600;color:var(--dim-white);animation:fadeInUp 2s;animation-delay:2s;animation-fill-mode:forwards;opacity:0}.hero .description{color:var(--dim-white);max-width:450px;margin-top:1rem;animation:fadeInUp 2s;animation-delay:3s;animation-fill-mode:forwards;opacity:0}.hero .icon{color:var(--accent);position:absolute;bottom:4rem;left:50%;transform:translate(-50%);animation-name:bouncing;animation-iteration-count:infinite;animation-duration:1s;animation-fill-mode:both;animation-direction:alternate}@keyframes bouncing{0%{transform:translateY(0)}to{transform:translateY(30%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 670px){.hero{padding-left:1rem}.hero .name{font-size:3rem}.hero .title{font-size:2rem}}.navbar{padding-top:1.5rem;padding-bottom:1.5rem;position:fixed;z-index:2;background-color:var(--primary);width:100%}.navbar nav{display:flex;justify-content:space-between;align-items:center}.navbar nav .logo{font-weight:700;font-size:1.5rem;letter-spacing:2px}.navbar nav ul{display:flex;gap:3rem;font-size:1rem;list-style:none}.navbar nav ul li:hover{color:var(--accent)}.navbar nav .icon{display:none}@media screen and (max-width: 670px){.navbar nav ul{display:none}.navbar nav .icon{display:block}}.protofolio{width:100%}.protofolio .top{display:flex;align-items:center;gap:.5rem}.protofolio .top .left,.protofolio .top .right{height:2px;background:var(--white);flex:1;transform:translateY(50%)}.protofolio .content{margin-top:4rem;margin-bottom:4rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width: 970px){.protofolio .content{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 672px){.protofolio .content{grid-template-columns:repeat(1,1fr)}}.protofolio-card{border:1px solid var(--white);position:relative;opacity:0;transform:translateY(20%);transition:all 2s ease}.protofolio-card:hover>.img-div .link{opacity:1;transition:all ease 1s}.protofolio-card .img-div{position:relative}.protofolio-card .img-div .link{top:50%;left:50%;font-size:2rem;transform:translate(-50%,-50%);position:absolute;background-color:var(--primary);width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%;opacity:0}.protofolio-card .img-div img{width:100%;aspect-ratio:16/9;object-fit:cover}.protofolio-card .bottom{padding:1rem;font-size:.9rem}.protofolio-card .bottom .tags{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.protofolio-card .bottom .tags .tag{border-radius:4px;padding:.2rem 1rem;color:var(--dim-white);border:1px solid var(--dim-white)}.protofolio-card.show{opacity:1;transform:translateY(0)}.sidebar{width:100%;height:100%;z-index:2;position:fixed;left:-100%;transition:all 1s ease}.sidebar .drawer{height:100%;background-color:var(--primary);border:2px solid black;max-width:250px}.sidebar .drawer .logo{text-align:center;font-size:2rem;font-weight:600;padding:2rem}.sidebar .drawer ul{padding:1rem;font-size:1.2rem;font-weight:500;list-style:none}.sidebar .drawer ul li{padding:1rem}.sidebar .drawer ul li:hover{color:var(--accent)}.sidebar.show{left:0}