html, body{
    height: 100%;
}

html{
    height: 100%;
    
    font-size: x-large;
    font-family: Arial, Helvetica, sans-serif;
    
    background-color: #232629;
}

h2{
    color:rgb(216, 208, 197);
    
    font-size: 1.4em;

    margin-bottom: 0.1em;
}

a{
    text-decoration: none;
}

a:link, a:visited{
    color: rgba(248, 240, 230, 0.52);
}

hr{
    color: rgba(248, 240, 230);
    border-color: rgba(248, 240, 230, 0.5);

    width: 40%;
    
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.subdomains{
    font-size: 0.7em;

    margin-bottom: 2em;
}

#title-div{
    font-size: 2em;
}

#sites-div, #gh-div{
    text-align: center;

    color: rgb(248, 240, 230);
}

#gh-div{
    font-size: 0.8em;
}

#container{
    margin-top: 3em;

    height: 100%;
    width: 100%;
}

#title{
    display: flex;

    justify-content: center;
    align-items: center;

    height: 1.8em;

    margin: 0;

    font-size: 1.3em;
    color: rgb(216, 208, 197);
}

#icon{
    height: 2em;
}

#icon:hover{
    cursor: pointer;

    animation: rotation 1s normal linear;
}

.blink{
    display: block;
    position: absolute;
    height: 0.1em;
    width: 0.1em;
    background-color: #fffff0;
    animation: blinks 6s infinite;
    border-radius: 10px;
    z-index: -1;
}

@keyframes rotation{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(365deg);
    }
}

@keyframes blinks{
    from{
        background-color: #fffff0;
    }
    50%{
        background-color: #232629;   
    }
    to{
        background-color: #fffff0;
    }
}