@font-face {
    font-family: SAO-UI;
    src: url(SAO-UI.ttf);
}@font-face {
    font-family: SAO-UI-Bold;
    src: url(SAO-UI-Bold.ttf);
}body {
    background-image: url("assets/main/background.jpg");
    margin: 0px;
}button{
    display: inline-block;
}
h1{
    color: white;
    font-family: SAO-UI-Bold;
    margin: auto;
    display:inline-block;
}
h2{
    color: rgb(175, 255, 255);
    font-family: SAO-UI;
    margin: auto;
    display:inline-block;
}
.h1s{
    color: white;
    font-family: SAO-UI-Bold;
    margin: auto;
    display:inline-block;
    font-size: 1.6em;
}
.h2s{
    color: rgb(175, 255, 255);
    font-family: SAO-UI;
    margin: auto;
    display:inline-block;
    font-size: 1.2em;
}
p{
    color: rgb(164, 244, 255);
    font-family: SAO-UI;
    display:inline-block;
    height: auto;
}
.ps{
    margin: 0em;
    color: white;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.8em;
}
.h2header{
    color: rgb(255,255,155);
    font-family: 'Courier New', Courier, monospace;
    margin: 8px;
    margin-left: 40px;
    display:inline-block;
    font-size: 1.2em;
    vertical-align: top;
}.maxdisplay{
    width: 100%;
    height: 100%;
    display: block;
}
.snorlax-button{
    width:240px;
    height:240px;
    border: none;
    background: url("assets/main/snorlax1.png");
    background-repeat: no-repeat;
    background-size: 240px 240px;
    
}
.tabbutton{
    width:50px;
    height:60px;
    border: none;
    background-repeat: no-repeat;
    background-size: 50px 60px;
}
.snorlaxdisplay{
    width: 240px;
    height: 120px;
    background-color: rgba(12, 12, 12, 0.3);
}.header{
    width: 100%;
    height: 35px;
    background-color: rgba(12, 12, 24, 0.3);
}
.topdisplay{
    width: 1200px;
    height: 120px;
    background-color: rgb(26,26,26);
    border: 2px solid #404040;
}.leftdisplay{
    width: 250px;
    height: auto;
    display: inline-block;
    border: 2px solid #404040;
    vertical-align: top;
}.rightdisplay{
    width: 900px;
    height: 600px;
    display: inline-block;
    border: 2px solid #404040;
    vertical-align: top;
    overflow: scroll;
}.maindisplay{
    width: 1200px;
    height: auto;
    display: inline-block;
    border: 2px solid #404040;
}
.shopitemdisplay{
    width: 890px;
    height: auto;
    display: block;
    border: 2px solid #404040;
    align-items: center;
}
.topitemdisplay{
    width: 1200px;
    height: 62px;
    text-align: center;
    display: block;
}.topitemdisplayinner{
    width: 250px;
    height: 60px;
    border: 1px solid #404040;
    padding-left: 19px;
    padding-right: 19px;
    display: inline-block;
    text-align: left;
}.topitemdisplayinnerer{
    width: 200px;
    height: 60px;
    display: inline-block;
    text-align: left;
}
.img32px60{
    width: 32px;
    height: 32px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-right: 7px;
    display: inline-block;
}.percentageouter{
    height: 10px;
    width: 200px;
    background-color: rgb(0,30,0);
    margin: none;
    display: inline-block;
}.percentageinner{
    height: 10px;
    width: 0px;
    background-color: rgb(0,130,0);
    margin: none;
    border: none;
}