/* bg and shiet? */

body {

    background-image: url(Images/valencebg.png);
    background-repeat: repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;

    margin: 0;

    font-family: 'Undertale', 'sans-serif';

}

/* heading types */

h1 {

    font-family: 'OCR-A', 'sans-serif';
    font-size: 200px;
    text-align: center;

    color: white;
    paint-order: stroke fill;
    -webkit-text-stroke: 0.1em black;

    text-shadow: 10px 10px 10px black;

}

h2 {

    font-family: 'Montserrat';
    font-size: 50px;
    text-align: center;

    color: white;
    paint-order: stroke fill;
    -webkit-text-stroke: 0.1em rgb(120, 120, 120);

}

/* text types */

.regular {

    font-family: 'Roboto';
    font-size: 25px;
    text-align: center;

    color: white;
    paint-order: stroke fill;
    -webkit-text-stroke: 0.1em rgb(120, 120, 120);

}

/* big bad logo -- Again Tomorrow */

.logo {

    display: flex;
    justify-content: center;

}

.logo_img {

    image-rendering: pixelated;

    height: 288px;
    width: 687px;

    margin-top: 25px;

}

/* for sections */

.panel {

    margin-top: 25px;
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;

}

.content {

    position: relative;
    background: rgba(255, 255, 255, 0.25);
    width: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);

}

/* the bottom navigation bar */

.navbar {
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.navbar a {
    float: left;
    display: block;

    color: rgb(0, 0, 0);
    font-family: 'Montserrat';
    color: white;
    paint-order: stroke fill;
    -webkit-text-stroke: 0.1em rgb(120, 120, 120);
    text-align: center;
    padding: 20px 50px;
    text-decoration: none;
    font-size: 30px;
}

.navbar a:hover {
    background-color: #ddd;
    color: rgb(255, 244, 140);
}

.navbar a.active {
    color: rgb(255, 230, 0);
    -webkit-text-stroke: 0.1em rgb(131, 118, 0);
}

.navbar a.AgainTomorrow {
    color: rgb(114, 95, 129);
    -webkit-text-stroke: 0.1em rgb(96, 80, 109);
}

.navbar a.VALENCE {
    color: rgb(83, 177, 255);
    -webkit-text-stroke: 0.1em rgb(58, 120, 172);
}

/* new fonts */

@font-face {
    font-family: "Undertale";
    src: url("Fonts/determination.ttf") format('truetype');
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("Fonts/Montserrat-Regular.ttf") format('truetype');
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("Fonts/Roboto-Regular.ttf") format('truetype');
    font-style: normal;
}

@font-face {
    font-family: "OCR-A";
    src: url("Fonts/OCR-A-Pixel.ttf") format('truetype');
    font-style: normal;
}