/* 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." */

body {
  background-image: url("img/wallpaper/bgstarz3.gif");
  color: white;
  font-family: Verdana;
}

.top-left{
  float: left;  
}

.top-right{
  float: right;  
}

main {
  width: 50%;
  top: 50%;
  margin: 0 auto;
  
  border: 1px solid #87CEEB;
  border-radius: 15px;
  padding: 10px;

  background-color: rgba(0, 0, 139, 0.4);
  backdrop-filter: blur(2px);
  
  font-family: "Delius Swash Caps";
  line-height: 1.5;
  font-size: 15pt;
}


#desktop-warning{
  font-family: 'CookieMonster';
  line-height: 1.5;
  font-size: 15pt;
}

header {
  width: 50%;
  top: 50%;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
}

#header-text {
  font-family: 'moonfont-fontregular', Arial, sans-serif; 
  font-size: 75pt;
  color: white;
}  

.playdate-player{
  float: left;
  padding: 50px;
  position: relative;
}

#playdate-iframe{
  position: absolute;
  left: 65px;
  top: 65px;
}

#neolink-ads {
  float: right;
  right: 80px;
}

#userbar {
  display: table;
  margin: 0 auto;
  align-items: center;
}

@font-face{
  font-family: 'moonfont-fontregular';
  src: url('fonts/moon_font/moon_font-webfont.eot');
  src: url('fonts/moon_font/moon_font-webfont.woff') format('woff'),
  url('fonts/moon_font/moon_font-webfont.otf') format('opentype'),
  url('fonts/moon_font/moon_font-webfont.svg#webfont') format('svg')
}
@font-face{
  font-family: 'CookieMonster';
  src: url('fonts/cookiemonster/CookieMonster.eot');
  src: url('fonts/cookiemonster/CookieMonster.eot?#iefix') format('embedded-opentype'),
      url('fonts/cookiemonster/CookieMonster.woff') format('woff'),
      url('fonts/cookiemonster/CookieMonster.ttf') format('truetype'),
      url('fonts/cookiemonster/CookieMonster.svg#CookieMonster') format('svg');
  font-style: normal;
}
@font-face {
    font-family: 'Delius Swash Caps';
    src: url('fonts/DeliusSwashCaps/DeliusSwashCaps-Regular.eot');
    src: url('fonts/DeliusSwashCaps/DeliusSwashCaps-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/DeliusSwashCaps/DeliusSwashCaps-Regular.woff2') format('woff2'),
        url('fonts/DeliusSwashCaps/DeliusSwashCaps-Regular.woff') format('woff'),
        url('fonts/DeliusSwashCaps/DeliusSwashCaps-Regular.ttf') format('truetype'),
        url('fonts/DeliusSwashCaps/DeliusSwashCaps-Regular.svg#DeliusSwashCaps-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


#blinkies img{
  width: auto;
  height: 25px; 
  margin-right: 15px; 
}
#stamps img{
  width: auto;
  height: 50px; 
  margin-right: 15px; 
}
#hoard_info{
  font-family: 'CookieMonster';
  line-height: 1.5;
  font-size: 15pt;
}