/*


  ______ __  __ __  __ _______   _______  _____ 
 |  ____|  \/  |  \/  |_   _\ \ / /_   _|/ ____|
 | |__  | \  / | \  / | | |  \ V /  | | | (___  
 |  __| | |\/| | |\/| | | |   > <   | |  \___ \ 
 | |____| |  | | |  | |_| |_ / . \ _| |_ ____) |
 |______|_|  |_|_|  |_|_____/_/ \_\_____|_____/ .net

Stylesheet 2024

Basis from https://0ekekddddd.neocities.org/
Edited by Emmixis

THANK YOU FOR PLAYING
*/


/* DEFINE WEBSITE FONTS */
@font-face {
  font-family: "ProggyCleanSZBP";
  src: url("layout/ProggyCleanSZBP.ttf");
}

@font-face {
  font-family: "PixelCarnageMono";
  src: url("layout/PixelCarnageMono.ttf");

}

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


/* SITE SHEET */
html{
    background-color: #303030;
    image-rendering: crisp-edges;        /* Cause site to render in beautiful pixel glory */
    text-rendering: optimizelegibility;  /* Render text as readable as possible, there isnt that much but its ALL bitmaps */
}

body{
    /* background-image:url("/LAYOUT/backgrounds/1.gif"); */
    font-family: "MS PGothic", sans-serif;
    font-size:12px;
    margin-top: 0px;
    margin: 0 auto
    
}
span{
    text-align:center;
    margin: 0 auto;
    display:block;
}
a{
  color:#000000;
}
table{
    border-collapse: collapse; 
    vertical-align:top;
    
}
td {
    padding: 0;
    margin: 0;
}
p{
  padding-right:4px;
  padding-left:4px;
}
.body{
  margin: 0 auto;
  width:670px;
  height: 100%;
  background-color: #fc114f;
  
  
}
.layout_header{
  background-image:url("layout/bannerButtons.png");
  background-color: #fc114f;
  font-size: 0;
}
.leftside{
    /* background-image:url("/LAYOUT/layout_pieces/leftside_bgpattern.gif"); */
    background-repeat:repeat-y;
    box-sizing:border-box;
    padding-top:5px;
    vertical-align:top;
    position:relative;
    width:202px;
    background-color: #fc114f;
}
.rightside{
    /* background-image:url("/LAYOUT/layout_pieces/rightside_bgpattern.gif"); */
    background-repeat:repeat-y;
    box-sizing:border-box;
    vertical-align:top;
    position:relative;
    margin:0 auto;
    width:458px;
    background-color: #fc114f;
}
.leftentry{
  box-sizing:border-box;
  margin:0 auto;
  width:160px;
}
.leftbox{
  background-image: url("layout/lbox_1.png");
  height: 310px;
  width: 212px;
}
.leftboxTitle{
    padding-top: 35px;
    padding-left: 95px;
    font-size:21px;
    color: #fc114f;
    font-family: "PixelCarnageMono", Serif;
    font-size: 23px;
}
.rightentry{
    box-sizing:border-box;
    padding-right:10px;
    padding-left:10px;
    margin:0 auto;
}
.twobox{
    grid-template-columns: 50% 50%;
    padding-right:10px;
    padding-left:10px;
    margin:0 auto;
    display:grid;
}
.layout-border{
    color: rgba(0, 0, 0, 0.0);
    max-width:5px;
    background-image: url("layout/borderpiece.png");
    border-image-repeat: repeat;
}
.highlight{
  color:#008c36;
}
.highlight:hover{
  color:#006466;
}

.grow{
    /* height: calc(100vh - 114px - 92px - 318px - 200px); */
    font-size: 0;
    height: 6px;
    overflow:hidden;
}

.contentboxtext{
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    font-family: "ProggyCleanSZBP", serif;
    font-size: 15px;
    line-height: 1;
}

.contentboxinner{
    background-image: url("layout/contentbox.png");
    background-size: contain;
    height: 102px;
    width:433px;
    font-size: small;
    color:white
}

.buttonsinner{
    width: 660px;
    height: 200px;
    background-image: url("layout/Buttons.png");
}

.button{
    padding-top:40px;
}
.button2{
    padding-top:2px;
}

.buttonSocial{
  padding-top: 10px;
}

.avatarimage{
  width: 128px;
  height: 128px;

  margin-left: 30px;
  margin-top: 30px;

  border:3px solid #595959;
  border-radius: 5px;

  box-shadow:  0px 1px 7px 0 #fc114f;

  image-rendering: auto;
}

.blogBG{
  outline-color:  #595959;
  outline-style: solid;
  outline-width: 5px;
  
}

.blogLine{
  background-color: #595959;
  color: #595959;
  font-size: 2px;
}

iframe{
  border:none;
  object-position: inherit;
  height: max-content;
  width:100%
}

.blogpost{
  border: 5px solid #595959;
}

.titleunder{
  border: 0;
    height: 2px;
    background-color: gray;
    width: calc(100% - 3px);
    float: left;
}

.filesection{
  padding-left: 3px;
  padding-bottom: 30px;
  font-family: "ProggyCleanSZBP", serif;
}

.filesocial{
  display: inline-block;
  text-align: center;
}

.filebutton{
  min-width: 140px;
  padding-left: 2px; padding-right: 2px;
}

.filetablec{
    border-left: 1px;
      border-right: 1px;
      border-top: 0;
      border-bottom: 0;
      border-style: solid;
      border-color: gray;
}

.codeprojects{
	border: 5px outset #595959;
	border-collapse: separate;
	width: 100%;
}

.codeprojects th{
	background-color: #fc114f;
	color: white;
	font-family: "PixelCarnageMono", Serif;
	padding: 4px;
}

.codeprojects td{
	border: 1px solid #595959;
	padding: 4px;
	font-size: 16px;
	text-align: left;
}

.projectstitle2{
	font-size: 22px;
	font-weight: bold;
}