.kihimFont {
font-family: 'Kihim', sans-serif;
}

.arrayFont {
font-family: 'Array', sans-serif;
}

.stardomFont {
font-family: 'Stardom', sans-serif;
}

.akturaFont {
font-family: 'Aktura', serif;
}

.hooverFont {
font-family: 'Hoover', sans-serif;
}

.styroFont {
font-family: 'Styro', sans-serif;
}

.jacquard-12-charted-regular {
  font-family: "Jacquard 12 Charted", system-ui;
  font-weight: 500;
  font-style: normal;
  font-size: 40pt;
}

.bytesized-loud {
  font-family: "Bytesized", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 50pt;
}

.bytesized-regular {
  font-family: "Bytesized", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.doto-bold {
  font-family: "Doto", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "ROND" 100;
}

.vt323-regular {
  font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 20pt;
}

.content-header {
font-size: 30;
padding: 1px;
margin: 1px;
}

@media screen and (min-width: 768px) {

.item0 { grid-area: A0; }
.item1 { grid-area: A1; }
.item2 { grid-area: A2; }
.item3 { grid-area: A3; }
.item4 { grid-area: A4; }
.item5 { grid-area: A5; }
.item6 { grid-area: A6; }
.item7 { grid-area: A7; }

/* 
A0 = header
A1 = menu
A2 = aboutMe
A3 = info
A4 = logs
A5 = media
A6 = socials
A7 = links
*/ 


.grid-container {
  display: grid;
  grid-template-areas:
    'A0 A2 A2 A2 A2 A1'
    'A0 A2 A2 A2 A2 A5'
    'A0 A2 A2 A2 A2 A5'
    'A0 A2 A2 A2 A2 A3'
    'A0 A2 A2 A2 A2 A4'
    'A0 A6 A6 A6 A6 A7';
}

}

.start-grid-container {
  display: grid;
  grid-template-areas:
    'A0 A0 A0 A0'
    'A1 A1 A3 A2'
    'A4 A4 A4 A4';
}



.content-box {
font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 20pt;
margin: 5px;
border-style: double;
border-width: 10px;
 border-top-color: #000000;
 border-left-color: #000000; 
 border-right-color: #ffffff;
 border-bottom-color: #ffffff;
padding: 10px;
}

.content-box:hover {
font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 20pt;
  color: #ff1e99;
  cursor: url('https://caclne.neocities.org/images/custom_cursor_pink.png'), default;
background-image: url(https://caclne.neocities.org/images/flower_static.gif);
margin: 5px;
border-style: double;
border-width: 10px;
 border-top-color: #ffffff;
 border-left-color: #ffffff; 
 border-right-color: #ffffff;
 border-bottom-color: #ffffff;
padding: 10px;
}


.body-box {
font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 20pt;
margin: 5px;
border-style: double;
border-width: 10px;
 border-top-color: #ffffff;
 border-left-color: #000000; 
 border-right-color: #ffffff;
 border-bottom-color: #ffffff;
padding: 10px;
}

.header-box {
margin: 5;
line-height: 0.7;
font-size: 43.5pt;
padding: 20px;
display: flex;
align-items: center;
}

html {
  cursor: url('https://caclne.neocities.org/images/custom_cursor.png') 3 3, default;
}

.start-content-box {
font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 50pt;
background-color: transparent;
margin: 5px;
border-style: double;
border-width: 10px;
 border-top-color: #000000;
 border-left-color: #000000; 
 border-right-color: #000000;
 border-bottom-color: #000000;
padding: 10px; 
     
}

.start-content-box:hover {
font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 50pt;
  color: #ff1e99;
  cursor: url('https://caclne.neocities.org/images/custom_cursor_pink.png'), default;
background-image: url(https://caclne.neocities.org/images/flower_static.gif);
margin: 5px;
border-style: double;
border-width: 10px;
 border-top-color: #ffffff;
 border-left-color: #ffffff; 
 border-right-color: #ffffff;
 border-bottom-color: #ffffff;
padding: 10px; 
    
}