@font-face {font-family: kanitregular; src: url('Resources/Fonts/Kanit-Regular.ttf');}

p {
    color: white;
    font-family: kanitregular;
}

body {
    background-color: #272e36;
}

#PageHeader {
    color: white;
    font-family: kanitregular;
    text-align: center;
}



.contents {
    display: grid;
    justify-content: center;
}



#IntroductionText {
    border-style: solid;
    border-width: 0.1em;
    border-radius: 0.2em;

    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;

    text-align: center;
    text-size-adjust: auto;

    max-width: 800px;
}



#DownloadsHeader {
    margin-bottom: 0;

    color: white;
    font-family: kanitregular;
    text-align: center;
}

#downloads {
    border-style: solid;
    border-top-width: 0.06em;
    border-bottom-width: 0.06em;
    border-left-width: 0;
    border-right-width: 0;
    border-color: rgb(255, 255, 255);

    padding-top: 1em;
    padding-bottom: 1em;

    display: grid;
    gap: 0.5em;
}

.DownloadCategory {
    
}

.DownloadCategoryHeader {
    margin-top: 0;
    margin-bottom: 0;

    color: white;
    font-family: kanitregular;
    text-align: center;
}

.DownloadCategoryContent {
    border-style: solid;
    border-width: 0.1em;
    border-radius: 0.1em;
    border-color: white;

    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;

    margin: 0 auto 0 auto;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5em;

    max-width: 456px;
    min-width: 220px;
}
@media (max-width: 520px) {
    .DownloadCategoryContent {
        max-width: 228px;
    }
}

.downloadarea {
    background-color: #2c343d;

    border-style: outset;
    border-color: #2c343d;
    border-width: 0.15em;
    border-radius: 0.1em;

    display: grid;

    min-width: 220px;
}

.downloadtext {
    padding: 0.2em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;

    margin: 0.2em;
    
    color: rgb(255, 255, 255);
    font-family: kanitregular;
    font-size: 1.2rem;
    text-align: center;
}

.downloadbuttonlink {
    margin: 0.2em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;

    display: grid;

    color: rgba(255, 255, 255, 0);
}
.downloadbuttonlink:hover {
    cursor: default;
}

.downloadbutton {
    border-radius: 0.2em;

    background-color: rgb(128, 128, 128);
    font-family: kanitregular;
    font-size: 1.2rem;
    text-align: center;
}



button:hover {
    background-color: rgb(148, 148, 148);
    cursor: pointer;
}
button:active {
    background-color: rgb(108, 108, 108);
}