.active{background-color:#1d43d8}nav{display:flex;align-items:center;background-color:#0f172a;position:sticky;top:0;z-index:10}nav ul{display:flex;justify-content:space-evenly;width:1000px}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#fff;padding:.5rem;margin:.5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#172554}nav .menu{display:none;position:absolute;top:6vh;right:5vh;flex-direction:column;justify-content:space-between;width:2.25rem;height:4vh}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem;margin-bottom:2px}@media (max-width: 850px){nav .menu{display:flex}nav{flex-direction:column;align-items:start}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}}@media (max-width: 500px){nav .menu{top:4vh}}.img{background-image:url(/assets/hero1-DAKUzc5J.jpg);background-size:cover;height:90dvh;background-repeat:no-repeat;background-position:center}.body{background:radial-gradient(#d7d7d7,#fff);font-family:Helvetica,sans-serif}.port-img{height:70vh;transition:ease-in .3s;cursor:pointer}.port-img:hover{height:80vh}.port2-img{width:60%;transition:ease-in .3s;cursor:pointer}.port2-img:hover{width:70%}#portfolio{background:radial-gradient(#283f73,#0f172a);padding-block:1rem}input{padding:1rem;width:80%;margin:.3rem;background-color:#d9d9d9;border:1px solid #bebbbb}input:focus{outline:none;border:1px solid #0f172a;background-color:#d9d9d9}form{text-align:center;display:block;margin:0 auto;justify-content:space-between;gap:1rem}@media (max-width : 500px){.img{background-image:url(/assets/mobile-DiuEZF49.jpg)}}