@font-face {
  font-family: pixel1;
  src: url(assets/fonts/Born2bSportyFS.otf);
}

@font-face {
  font-family: pixel2;
  src: url(assets/fonts/MILLENNIA.TTF);
}

html {
    font-family: Verdana, Geneva, Tahoma, sans-serif;   
}

body {
    background:url(assets/backgrounds/purple.png), url(assets/backgrounds/pixelstars6.gif), url(assets/backgrounds/pixelstars5.gif);
    background-size: 100%, 100%, 200px;
    display: flex;
    flex-direction: column;
    margin: 50px;
    min-height: 2000px;
}

.box {
    border: #492575 double 5px;
    margin:10px 0px 0px 10px;
    padding: 10px;
    background-color: rgba(230, 206, 238, 0.8);
}

h1 {
    color: #492575;
    margin-left:0px;
    font-family: pixel2;
    font-size: 32pt;
}

h2 {
    color: #492575;
    margin-left:0px;
    font-family: pixel2;
    font-size: 16pt;
}

.header {
    margin: 0;
    padding: 0;
    background: url(assets/backgrounds/brushedmetal.png) left top repeat;
    background-size: 50px 50px;
    height: 125px;
    width:100%
}

.content {
    margin: 0;
    padding: 0px 10px 10px 0px;
    background-color: rgba(111, 81, 121, 0.75);
    border: 7.3px solid transparent;
    /*border-image: url(assets/borders/border4.png) 10 round;*/
    border-image: url(assets/borders/border4.png) 10 round;
    border-top-style: none;
    /*border-bottom-style: none;*/
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    transform: translateY(-4px);
    
}

.footer {
    margin: 0;
    padding: 0;
    background: url(assets/backgrounds/brushedmetal.png) left top repeat;
    background-size: 50px 50px;
    height: 125px;
    width:100%;
    transform: translateY(-4px);
}

.everything {
    width:1200px;
    margin: 0px auto;
}

.image1 {
    display: block;
    margin: auto;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

a {
    color:#5d00ce
}

.blinkies {
    width: 100%;
}

@media (pointer:none), (pointer:coarse), (max-width: 1300px) {
    body {
        margin: 20px;
    }
    
    .everything {
        width: 100%;
    }

    .content {
        grid-template-columns: 1fr;
    }

    .blinkies {
        width: 50%;
        margin: 0px 25%;
        scale: 70%;
    }
}


