:root{--background:#ffffff;--foreground:#171717}body{background:var(--background);color:var(--foreground);font-family:Open Sans,sans-serif;margin:0}a,body{color:white}a:hover{text-decoration:underline}.portfolio-main-wrap{background-color:#00C59B;background-image:-webkit-linear-gradient(#12c797,#1ec2cb);background-image:linear-gradient(#12c797,#1ec2cb)}.portfolio-main-content{padding:30px 50px;min-height:100vh}header{display:flex;justify-content:space-between;font-family:Rubik,sans-serif;font-size:20px;align-items:center}header,header a{color:white;padding:20px}header a{text-decoration:none}header a:hover{text-decoration:underline}header a.active{background-color:#8cd9c5;border-radius:10px;text-decoration:none}.projects,nav{display:flex;gap:20px}.projects{flex-direction:column;margin-top:20px;color:#0f433b}.projectblock{background-color:#77cec2;border-radius:10px;padding:20px}.projectblock .title{font-size:20px;font-weight:700}.projectblock .name{font-size:17px;margin-top:3px;font-weight:700}.projectblock .years{margin:10px 0;font-size:14px}.projectblock .description{max-width:70%}.projectblock .link{margin-top:10px;overflow-wrap:anywhere}.projectblock .tags{display:flex;flex-wrap:wrap;gap:10px;padding-top:10px}.projectblock .tag{background-color:#aadfd6;padding:5px;border-radius:5px;color:#257360}.projectblock a{color:#000000}.contact img{filter:invert(1);margin-right:20px;margin-top:10px}.contact span{color:#15574e;display:inline-block;width:80px;text-align:right;font-weight:700;padding-bottom:10px}.bottomnav{margin-top:50px}@media only screen and (max-width:900px){h1{font-size:22px}.portfolio-main-content,header{padding:10px}header{font-size:14px}header a{padding:10px}nav{gap:0}nav a:first-child{display:none}.projectblock .description{max-width:100%}}