@font-face{
    font-family: "Garnet";
    src: url("GarnetCapitals-Black.ttf") format("truetype");
}

@font-face{
    font-family: "Gothic";
    src: url("Gothic.ttf") format("truetype");
}

.title {
    font-family: 'Garnet', sans-serif;
    text-align: center;
}

.type-box *:not(:first-child) {
    display: none;
}

#toleft {
    display: flex;
    justify-content: flex-start;
    font-family: 'Gothic', sans-serif;
}

#tocenter {
    display: flex;
    justify-content: center;
    font-family: 'Gothic', sans-serif;
}

#toright {
    display: flex;
    justify-content: flex-end;
    font-family: 'Gothic', sans-serif;
}

.type-box {
    font-size: 20pt;
    padding: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: lightgray;
    margin-bottom: 50px;
}

.cor1 {
    color: rgb(255, 63, 63);
}

.cor2 {
    color: rgb(79, 79, 255);
}

/* Github Corner */

.github-corner:hover .octo-arm {
    animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {
    0%, 100% {
        transform: rotate(0)
    }
    20%, 60% {
        transform: rotate(-25deg)
    }
    40%, 80% {
        transform: rotate(10deg)
    }
}

@media (max-width:500px) {
    .github-corner:hover .octo-arm {
        animation: none
    }
    .github-corner .octo-arm {
        animation: octocat-wave 560ms ease-in-out
    }
}

@media (prefers-color-scheme: dark) {

    html {
      background-color: #2A2A2E;
    }
    h2 {
      color: white;
    }
    .type-box {
        background-color: #38383D;
    }
    a {
        color: white;
    }

}