/* --Element Styles-- */
*{
    margin: 0;
    padding: 0;
    text-align: center;

}

h1{
    color: #ffffff;
    text-align: center;
    font:38px "Liberation-Serif";
}

p{
    color: #ffffff;
    font: 16px "Liberation-Serif";
}

body{
    background: black url(../img/stretch\ x.png);
    background-size: 27vh;
    background-repeat: repeat-x;
    height: 100%;
    margin-inline: auto;
}

footer{
    width: fit-content;
    margin:2% auto;
}

footer p{
        color: #ffffff57;
}

hr{
    display: block;
    background: url(../img/hr.png);
    background-position: 50%;
    background-repeat:no-repeat;
    background-size: contain;
    border: 0;
    height: 20px;
    width: 100%;
}

.wrapper{
    overflow: hidden;
    background-image: url(../img/brain.gif);
    min-height: 38vh;
    background-position-x: center;
    background-position-y: 13vh;
    background-attachment: scroll;
    background-size: 100vh;
    background-repeat: no-repeat;
    background-clip: border-box;
    background-origin: padding-box;

}

a:link{
    text-decoration: none;
}

/* --Class Styles-- */

.intro-box{
    background-color: rgb(0, 0, 0);
    height: 100%;
    max-width: 60vh;
    margin-inline: auto;
    position: relative;
    padding: 4vh;
    justify-content: center;
}

/* INTRO BOX CORNER DECORATION */

.break{
    padding-top: 128px;
    padding-bottom: 128px;
}

.talk{
    text-align: center;
    background-image: url(../img/talk.gif);
    background-size: 50vh;
    background-repeat: no-repeat;
    background-position-x: center;
    min-height: 15vh;
    background-clip: border-box;
}

.talk p{
    color: black;
    padding-left: 13vh;
    padding-top: 3vh;
}

.imp{
    color: #ED6244;
}

.clear{
    clear:both;
}


@font-face {
    font-family: 'Liberation-Serif';
    src: url(../fonts/LiberationSerif-Regular.ttf) format('truetype');
    font-style: Liberation-Serif, normal;
}

@font-face {
    font-family: 'Liberation-Serif';
    src: url(../fonts/LiberationSerif-Italic.ttf) format('truetype');
    font-style: italic;
}