@keyframes animation
{
    from
    {
        rotate:0;
    }

    to
    {
        rotate:720deg;
    }
}

@font-face
{
    font-family:"sofia";
    src: url("../fonts/SofiaSansSemiCondensed-Regular.ttf");
}

body, html
{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    background-color:#fcf4ec;
    background-image:url("../images/pattern.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    font-family:"sofia";
    overflow:hidden;
}

#loading_screen
{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fcf4ec;
    position:absolute;
    overflow:hidden;
}

#main_shell
{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-evenly;
    overflow:hidden;
}

#bolt_logo
{
    padding:0;
    margin:0;
    animation-duration:1.3s;
    animation-name:animation;
    animation-fill-mode:forwards;
    animation-iteration-count:2;
    animation-direction:alternate;
    animation-timing-function:ease-in-out;
}

#work_info
{
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
}

#contact_shell
{
    margin:0;
    padding:0;
    display:flex;
    overflow:hidden;
}

.contact_areas
{
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;
    overflow:hidden;
}

.contact_icons
{
    padding:0;
    margin:0;
}