@import "https://fonts.bunny.net/css?family=shadows-into-light:400|ubuntu:400";html,body{margin:0}main{background:#2b2b2b url(/assets/noise.png);justify-content:center;display:flex}h1{color:#fff;text-align:center;margin-top:0;margin-bottom:30px;font-family:Shadows Into Light,cursive;font-size:112px;font-weight:500;line-height:150px}h1 span{color:#8cc84b}.infoContainer{color:#fff}.info{color:#fff;text-align:center;margin-top:20px;font-family:Ubuntu,Trebuchet MS,Helvetica,sans-serif;font-size:25px;line-height:50px}.info div{justify-content:center;display:flex}.info a{color:#fff;opacity:.5;background:url(/assets/links.png) no-repeat;width:60px;height:60px;margin:20px;font-size:0;text-decoration:none;transition:all .4s ease-in-out;display:inline-block}.info a:hover{opacity:1}.info a.github{background-position:0 0}.info a.linkedin{background-position:-60px 0}.info a.codeberg{background:url(/assets/codeberg.svg) no-repeat;width:48px;height:48px;margin-top:26px}.photoContainer{text-align:center}.photo{opacity:.8;border-radius:6px;height:200px;max-height:30vw;transition:all 1s ease-in-out}.photo:hover{opacity:1;box-shadow:0 0 10px #8cc84b}@media screen and (width>=768px){main{height:100vh}main>div{position:fixed;top:20%}.infoContainer{justify-content:center;display:flex}.photoContainer{text-align:right;flex:50%}.photo{margin-right:30px}.info{border-left:1px solid #fff;flex:50%;margin-top:0;padding-left:30px}}