@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
    background-color: #181825;
    color: white;
    padding-top: 10%;
    padding-bottom: 10%;
    text-align: center;
    font-family: "Noto Sans", sans-serif;
}

div {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    text-align: justify;
}

h2 {
    border-bottom-color: #FFCBDF;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

a:hover { text-decoration: none; }
a:link { color: #00C4FF; }
a:visited { color: #CF06D6; }

@media(min-width: 720px) {
    div { width: 648px; }
}

@media(orientation: portrait) {
    div { width: 95%; }
}

#pakichu { width: 18px; }

@media only screen and (min-resolution: 2dppx) {
    body { font-size: 32px; }
    #pakichu { width: 48px; }
    #prism { width: 95%; }
}

code, kbd {
    background-color: rgba(0,0,0,.50);
    opacity: 90%;
}

ol > li { margin: 10px 0; }