@import url("https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap");@import url("https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap");:root{--rt-opacity:1}body,html{max-width:100vw;background-color:#000;font-family:Afacad Flux,sans-serif;position:relative}body,html,image{color:#fff}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}header{margin-top:1rem;margin-bottom:1rem;z-index:5;position:relative}header ul{width:100%;display:flex;justify-content:space-evenly;list-style:none}.nav-item{opacity:0;transform:translateY(20px);animation:slideUp .5s ease-out forwards}

/* ! controlling size of all icons */.line-icon,.nav-item a div,.nav-item a img{height:30px;width:30px}.line-icon{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:280;stroke-dashoffset:0}.stroke-4{stroke-width:4}.stroke-2{stroke-width:2}.line-icon:hover{animation:draw 2s linear infinite alternate;stroke:#fff}@keyframes draw{0%{stroke-dashoffset:280}to{stroke-dashoffset:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.nav-item:first-child{animation-delay:0s}.nav-item:nth-child(2){animation-delay:.15s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:nth-child(4){animation-delay:.45s}.nav-item:nth-child(5){animation-delay:.6s}.nav-item.home a img{transition:all 1s ease;z-index:10}.nav-item.home a img:hover,.nav-item.home a:hover{animation:jumpAndSpin .5s;rotate:y 180deg}@keyframes jumpAndSpin{0%{transform:translateY(0)}33%{transform:translateY(-3px)}66%{transform:translateY(4px)}to{transform:translateY(0)}}.icon-container{background-size:cover;background-position:50%;transition:all .3s ease}.nav-item.github{transition:filter .3s ease-in-out,box-shadow .3s ease-in-out;border-radius:50%}.nav-item.github:hover{filter:invert(1);box-shadow:inset 0 0 20px 20px #fff,0 0 15px 15px #fff}.svg-css-animation{width:34px;height:30px;circle,path{transition:1s;transform:translateY(6px)}&:hover{path{transform:translateX(60px);stroke-dashoffset:-13.5}}}.journey-svg{width:30px;height:30px;fill:#fff}.journey-svg path{transition:fill .5s ease-in-out}.journey-svg:hover path{fill:aqua}