@media (max-width: 600px) {
  .boy {
    right: -20px;
    top: -229px;
  }
}@font-face {
    font-family: 'MS-Gothic';
    src: url(/MS-Gothic.tff);
    font-weight: 1 1000
}

body
{
     background-image: url(https://foollovers.com/mat/plaid/b15-bg-grid.gif);
     background-color: rgba(255, 255, 255);
     color: black;
     font-family: "ms ui gothic";
     position: relative;
     letter-spacing: -0.2px;
     font-size:16px;
}

#boy{
    width: 190px;
    height: 266px;
    position: relative;
    right: -690px;
    top: -249px;
    rotate: 12deg;
    background-image: url(https://64.media.tumblr.com/99b7f85f146657953dad905962d82ee7/33e765acf460f291-58/s1280x1920/d4071acf8e523ec5156be1d95a80ca0d5446e6f2.pnj);
    background-size: cover;
    background-repeat: no-repeat;
    filter: drop-shadow(0px 5px 6px #00000040);
    z-index: 1;
  }
  
.date {
    font-size: 10pt;
    position: absolute;
    right: 0px;
    margin-right: 30px;
}

h1
{
     color: black;
     letter-spacing: -0.4px;
     font-family: "ms gothic";
     font-size: 32px;
     margin-bottom: 4px;
     margin-top: 5px;    
     text-align: center;
     padding-bottom: 0px;
     font-weight: normal;
}

/* Containers
/*           <><><><><><><> */

 #header {
     
     background-color: rgba(225, 225, 255, 0.90);
     display: block;
     border-radius: 5px;
     box-sizing: border-box;
     border-image: #78a6c4;
     border-width: 1px;
     border-style: dotted;
     margin-bottom: 2pt;
     margin-left: 2pt;
     height: 100%;
     width: 99%;
     padding: 5px;
}

 #headerlanding {
     
     background-color: rgba(225, 225, 255, 0.90);
     display: block;
     border-radius: 5px;
     box-sizing: border-box;
     border-image: #78a6c4;
     border-width: 1px;
     border-style: dotted;
     margin-bottom: 2pt;
     margin-left: 2pt;
     height: 100%;
     width: 99%;
     padding: 5px;
     font-size:20px;
     font-weight: bold;
}

#main{
   background-color: rgba(225, 225, 255, 0.90);
     display: block;
     border-radius: 5px;
     text-align: justify;
     box-sizing: border-box;
     border-image: #78a6c4;
     border-width: 1px;
     border-style: dotted;
     margin-bottom: 2pt;
     margin-left: 2pt;
     height: 100%;
     width: 99%;
     padding: 5px;
}

#mainlanding
{
   background-color: rgba(225, 225, 255, 0.90);
     display: block;
     border-radius: 5px;
     text-align: center;
     box-sizing: border-box;
     border-image: #78a6c4;
     border-width: 1px;
     border-style: dotted;
     margin-bottom: 2pt;
     margin-left: 2pt;
     height: 100%;
     width: 99%;
     padding: 20px;
     font-size:20px;
}

/* SCROLLBAR!!!
/*           <><><><><><><> */

::-webkit-scrollbar-thumb {
  	background-color: #993300;
  	height: 8px;
  	width: 8px;
  }
   
  ::-webkit-scrollbar {
  	height: 8px;
  	width: 5px;
    background-color: (225, 225, 255, 0.90);
  }
  
  ::-webkit-scrollbar-track {
  	-webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7);
  	border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb {
  	background: #0099ff;
  	border: 3px double #0099ff;
  	-webkit-border-radius:5px;
  	border-radius:5px;
  	-moz-border-radius:5px;
  }