.nav{z-index:99999;margin-left:25px;font-size:18px;position:fixed}@media only screen and (min-width:600px){.nav{width:130px;margin-left:0}}.nav button{font:inherit;color:var(--foreground-rgb);cursor:pointer;background:0 0;border:none;padding:0}.nav ul{text-align:center;margin-top:30px;transform:rotate(90deg)}.nav li{transition:all .3s;display:inline-block;position:absolute}.nav li:first-child{margin-left:33px}.nav li:nth-child(2){margin-left:110px}.nav li:nth-child(3){margin-left:180px}.nav li.active{border-bottom:3px solid var(--primary-rgb);opacity:1;padding-bottom:10px}.nav .nav-link{opacity:.5}.nav .nav-link.active,.nav .nav-link:hover{border-bottom:3px solid var(--primary-rgb);opacity:1;padding-bottom:10px}
.this-is{text-align:left;color:var(--primary-rgb);margin-bottom:15px;font-size:22px}.name{text-transform:uppercase;letter-spacing:2px;margin-left:-4px;font-size:48px;font-weight:700}@media only screen and (min-width:600px){.name{font-size:73px}}
.links a{margin-right:30px}.links{font-size:24px;line-height:50px}@media screen and (min-width:460px){.links{font-size:28px}}
.work-image-box{background:#80d18a1a;min-height:200px}.work-image-box:hover{background:#80d18a80}.work-info-box{text-align:center;background:#ffffff0d;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:200px;font-size:28px;display:flex}#work .row{margin-top:15px}@media only screen and (min-width:600px){.project-name{font-size:65px}}.read-more{color:var(--primary-rgb);cursor:pointer;font-size:20px;font:inherit;background:0 0;border:none;margin-top:10px;padding:0;font-size:20px}.read-more:hover{opacity:.6}.project-info{padding:10px}.project-info a{color:var(--foreground-rgb);font-size:22px}@media only screen and (max-width:600px){.project-info p{font-size:14px}}.project-row{gap:16px;display:flex}.project-row .main{width:60%}.project-row .info{width:40%}
.graph-wrapper{width:inherit;position:relative}.graph-wrapper svg{margin:36px 0 0 15px}.coordinates{width:97%;padding:10px;position:absolute}.coordinates span{height:20px;width:inherit;border-bottom:1px solid #ffffff1a;display:inline-block}.path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s ease-in 1s infinite forwards dash}@keyframes dash{to{stroke-dashoffset:0}}