body{display:grid;justify-items:stretch;margin:0;padding:0;font-family:var(--fontFamily-text)}body *{box-sizing:border-box;transform-origin:center}body #akamychApp{display:grid;position:relative;grid-template-columns:auto;grid-template-rows:max-content 1fr;row-gap:1em;align-items:start;align-self:stretch;justify-items:center;width:auto;height:100svh;overflow:auto;margin:0;box-sizing:border-box}body #akamychApp header{display:grid;grid-template-columns:max-content 1fr;column-gap:2em;align-items:center;padding:5vh 5vw 2.5vh 5vw}body #akamychApp header svg{width:min(10em,15vw);height:min(10em,15vw)}body #akamychApp h1,body #akamychApp h2,body #akamychApp h3{font-family:var(--fontFamily-headings);justify-self:center}body #akamychApp main{display:grid;row-gap:.25em;font-size:18px;padding:0 10vw 10vh 10vw}body #akamychApp main p{margin:.25em 0}body #akamychApp main nav{font-family:var(--fontFamily-headings);display:grid;grid-template-columns:max-content;column-gap:.5em;row-gap:.5em;margin:.5em 0;justify-items:center;justify-self:center}body #akamychApp main nav a{color:var(--color-blue);text-decoration:none;font-weight:700;font-size:1.2em}body #akamychApp main nav a:hover{color:var(--color-orange)}:root{--color-orange: hsl(22.46, 81.74%, 57.06%);--color-purple: hsl(282.86, 27.51%, 55.1%);--color-teal: hsl(184.04, 36.63%, 47.65%);--color-blue: hsl(198.36, 70.53%, 62.75%);--fontFamily-headings: "comfortaa", tahoma, sans-serif;--fontFamily-text: "railway", tahoma, sans-serif}