@font-face{font-family:'Roboto';src:url('/fonts/Roboto.ttf'),url('/portfolio/fonts/Roboto.ttf');font-weight:400;font-style:normal;font-display:swap}html{font-size:72.5%;font-family:'Roboto'}body{font-size:1.6rem;color:#000;background-color:#f4f8fc}main{background-color:#ffffff}header{border-bottom:0.2rem solid #000;background-color:#ffffff}nav{text-align:right}nav a{font-size:1.8rem;font-weight:bold;color:black;text-decoration:none;text-transform:uppercase}footer{margin-top:3rem;margin-bottom:3rem;padding:1.2rem 0;border-top:0.2rem solid #000;font-size:1.5rem;color:#555;background-color:#ffffff}h1{font-size:2.4rem}h2{font-size:2rem}article .header{font-size:1.4rem;font-style:italic;color:#555}.logo a{font-weight:bold;color:#000;text-decoration:none}iframe.embed{width:100%;height:100vh;border:none;border-radius:16px}div .sourceCode{background-color:#f4f8fc;border:none;border-radius:8px}pre.sourceCode{background-color:#f4f8fc;margin:10px;padding:5px}p code{background-color:#f4f8fc;padding:5px;border-radius:4px}table{border-collapse:collapse;margin-left:auto;margin-right:auto;border-radius:4px}table,th,td{border:2px solid}td,th{padding:5px}img.haskell-logo{padding:20px;border-radius:32px;background-color:#f4f8fc}@media (max-width:319px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0;padding:1.2rem 0;padding:20px;border:none;border-radius:8px;box-shadow:0 0 12px 1px rgba(42,42,42,0.2)}nav{margin:0 auto 3rem;text-align:center}main{padding:20px;border:none;border-radius:8px;box-shadow:0 0 12px 1px rgba(42,42,42,0.2)}footer{text-align:center;padding:1.2rem 0;padding:20px;border:none;border-radius:8px;box-shadow:0 0 12px 1px rgba(42,42,42,0.2)}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:block;line-height:1.6}}@media (min-width:320px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0;padding:1.2rem 0;padding:20px;border:none;border-radius:8px;box-shadow:0 0 12px 1px rgba(42,42,42,0.2)}nav{margin:0 auto 3rem;text-align:center}main{padding:20px;border:none;border-radius:8px;box-shadow:0 0 12px 1px rgba(42,42,42,0.2)}footer{text-align:center;padding:1.2rem 0;padding:20px;border:none;border-radius:8px;box-shadow:0 0 12px 1px rgba(42,42,42,0.2)}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:inline;margin:0 0.6rem}}@media (min-width:640px){body{width:100rem;margin:0 auto;padding:0}header{margin:2rem 0 3rem;padding:1.2rem 0;padding:20px;border:none;border-radius:8px;box-shadow:0 0 12px 1px rgba(42,42,42,0.2)}nav{margin:0;text-align:right}nav a{margin:0 0 0 1.2rem;display:inline}main{padding:20px;border:none;border-radius:8px;box-shadow:0 0 12px 1px rgba(42,42,42,0.2)}footer{text-align:center;padding:1.2rem 0;padding:20px;border:none;border-radius:8px;box-shadow:0 0 12px 1px rgba(42,42,42,0.2)}.logo{margin:0;text-align:left}.logo a{float:left;font-size:1.8rem}}