body
{
    background-color: #1d092e;
    color: #f5f5f5;

    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;

    line-height: 130%;
}

p, h1, li
{
    margin-bottom: 8px;
}

#header
{
    flex: 1;
    min-height: 40vh;
    background: url('img/logo_tiny.png') no-repeat center;
    background-size: contain;
}

#main-wrapper
{
    display: flex;
    align-items: center;
    justify-content: center;
}

#rows-container
{
    flex: 0.75;
}

@media (max-width: 600px)
{
    #rows-container
    {
        flex: 1;
    }
}

.row
{
    padding: 32px;
    background-color: #542281;
}

.row:nth-child(2n)
{
    background-color: #2c1143;
    flex-direction: row-reverse;
}

.row-text
{

}

h1
{
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 150%;

    margin-bottom: 32px;
}

#footer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul li
{
    margin-left: 32px;
    list-style-type: disc;
}

#defs-container
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#defs-container img
{
    margin-bottom: 32px;
}

#defs-container img:nth-child(1)
{
    margin-top: 32px;
}

#atks-container
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#atks-container img
{
    margin-top: 32px;
    margin-bottom: 32px;
}

.links-container
{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.links-container-force-vertically
{
    flex-direction: column;
}

@media (max-width: 600px)
{
    .links-container
    {
        flex-direction: column;
    }
}

.link-button
{
    display: inline-block;
    background-color: #f5f5f5;

    padding: 16px;
    text-align: center;

    color: #2c1143;
    font-weight: 600;
    text-decoration: none;

    margin-top: 16px;
    margin-bottom: 16px;

    transition-duration: 0.4s;
}

.link-button:hover
{
    opacity: 0.7;
}