/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
/* Fonts */
    @font-face {
    font-family: CafeTW;
    src: url('https://jay6t4.neocities.org/CafeTw.ttf');}
    @font-face {
    font-family: Kabel;
    src: url('https://jay6t4.neocities.org/ITCKabelStd-Demi.otf');}
    @font-face {
    font-family: KabelBold;
    src: url('https://jay6t4.neocities.org/ITCKabelStd-Bold.otf');}
    
/* Page setup */    
/* html { background-color:#000000; } */

    body {
    background-image: url('ssb_bg.png');
    color: white;
    font-family: CafeTW; 
    font-size: 17px;
    text-align: center;
    text-shadow: 2px 2px 6px #000000;
/*    margin-right: 15%;*/
/*    margin-left: 15%;*/
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    }

    img {vertical-align: middle;}
    
/* Resize on mobile*/
    @media screen and (max-width: 1199px) {
    body {
    width: 100%;
    margin: auto;
        }
    }
    
/* Link colours */ 
    a:link {
    color: #8282AA;
    background-color: transparent;
    text-decoration: none;}
    a:visited {
    color: #8282AA;
    background-color: transparent;
    text-decoration: none;}
    a:hover {
    color: #FF0028;
    background-color: transparent;
    text-decoration: none;}
    a:active {
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;}

/* Custom border */
    #borderimg { 
    border: 8px solid transparent;
    display: inline-block;
    border-image: url(/border.png) 8 round;}

/* Custom header text */
    h2 {
    font-family: KabelBold;
    color: #F2C70D;
    text-shadow: 2px 2px #000000;
    background-image:url("header.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 34px;}
    h3 {
    font-family: Kabel;
    color: #F2C70D;
    text-shadow: 2px 2px #000000;
    }