/* FONT IMPORT */
@import url('k');
/* main text */
 
            
                @font-face {
                font-family: "KGSummerStormRough";
                src: url('font/KGSummerStormRough.ttf');
                
            }


                @font-face {
                font-family: "ByronRecCon";
                src: url('font/ByronRecCon.ttf');
            }
            

                @font-face {
                font-family: "Bountifl";
                src: url('font/Bountifl.ttf');
            }
            
                            @font-face {
                font-family: "GosmickSans";
                src: url('font/GosmickSans.ttf');
            }
 
                @font-face {
                font-family: "Judges";
                src: url('font/Judges.ttf');
            }
            


body{
background-image:url('backgrounds/batseverywhere.jpg');
letter-spacing:1px;
text-align:justify;
font-size:1rem;
line-height:20px;
font-family: "ByronRecCon";
margin:0 auto;
}

p{
  font-family: "Judges";
}

h1{
font-family: "KGSummerStormRough";
margin-bottom:4px;
text-align:left;
font-weight:normal;
letter-spacing:2px;
}

h2{
font-family: "KGSummerStormRough";
border-bottom:3px rgb(142, 19, 19) solid;
margin-top:1em;
font-weight:normal;
letter-spacing:2px;
font-size:11px;
}

a{
color:#ffffff;
text-decoration:none; 
}

a:hover{
color:#ffffff;
}

  
.sideimage { /*optional*/
right: 30px;
bottom:-20px;
float: right;
position: fixed;
max-width: 450px;
}
  
.sideimage img {
max-width: 50%;
height: auto;  
}

#linkboxbox a{
margin-bottom:4px;
margin-left: 25px;
display:block;
padding:2px;
align-content: center;
}

#linkboxbox img{
width:70%;
height: auto;
position: relative;
padding-left: 13px;
}

#linkboxbox a:hover{
height: auto;
width: 90%;
}

.post{
width:572px;
padding:16px;
margin-bottom:60px;
background-color:#fffbc4;
background-image:url('backgrounds/paperg.jpg');
box-shadow: 5px 5px 10px #000;
}

/*Prevent overflow of large images*/
.post img {
max-width: 100%;
height: auto;
}

.icon{
text-indent:5px;
font-size: 15px;
padding-top: 2px;

}

.icon img{
float: left;
width: 2em;
height: 2em; 
position:relative;
}

#linkboxbox{
width:196px;
height:500px;
float:left;
position:fixed;
align-content: center;
left:26px;
top:32px;
padding:16px;
background-color:#151414;
color: #ffffff;
}

#linkbox{
padding:11px;
border:1px gray dotted;
}

#box1{
position:relative;
width:642px;
margin-left:296px;
top:26px;
}

textarea{
width:100%;}

@media(max-width: 1440px) {
    .sideimage {
      max-width: 0%;
      /*if this can be executed, override the previous rule, otherwise hide the side image*/
      max-width: calc(100% - 975px);
      }
  }