body {
  background-color:black;
  color:white;
  font-family:"CodeJD";
  cursor:url('assets/cursor.png'), default;
}

@font-face {
  font-family:"Impossible";
  src: url('https://files.catbox.moe/byv3g5.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:"CamingoCode";
  src: url('https://files.catbox.moe/4uvc0j.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:"Monocode";
  src: url('https://files.catbox.moe/785u94.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:"CodeJD";
  src: url('https://files.catbox.moe/hpye07.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

header {
  font-family:"Impossible";
  text-align:center;
  font-size:100px;
  background:linear-gradient(#c81b14, #c81b14, #641c20);
    -webkit-text-fill-color:transparent;
    -webkit-background-clip:text;
  -webkit-text-stroke:0.5px white;
}

.main {
  width:auto;
  margin:auto;
  padding:0px 30px;
}

h1 {
  font-size:30px;
  font-family:"Monocode";
  color:#c81b14;
}

h3 {
  color:#285c74;
}

b {
  color:#285c74;
}

strong {
  font-weight:bold;
  font-size:20px;
}

hr {
  border:1px solid #285c74;
}

.short {
  width:80%;
}

button {
  font-size:25px;
  color:#285c74;
  background-color:black;
  border:2px solid #285c74;
  border-radius:5px;
  font-family:'ritaglioregular';
  padding:2px 5px 0px 5px;
  cursor:url('assets/pointer.png'), pointer;
}

button:hover {
  color:black;
  background-color:#285c74;
  border:2px solid #285c74;
  cursor:url('assets/pointer.png'), pointer;
}

summary {
  color:#285c74;
  font-size:24px;
  margin-bottom:10px;
  font-family:"Monocode";
  cursor:url('assets/pointer.png'), pointer;
}

details > summary {
  list-style:none;
}

details > summary::-webkit-details-marker {
  display:none;
}

#nav {
  text-align:center;
  margin-top:-12px;
  margin-bottom:10px;
}

#smallNav {
  text-align:center;
  margin-top:2px;
  margin-bottom:10px;
}

.smallNav {
  font-size:18px;
  color:#285c74;
  background-color:black;
  border:2px solid #285c74;
  border-radius:5px;
  font-family:'ritaglioregular';
}

.galleryMain {
  padding:2px 15px 15px 15px;
}

.indenta {
  margin-left:15px;
}

.indentb {
  margin-left:30px;
}

footer {
  text-align:center;
}

a {
  color:#285c74;
  text-decoration:underline;
  cursor:url('assets/pointer.png'), pointer;
}

a:hover {
  color:#c81b14;
  text-decoration:none;
  cursor:url('assets/pointer.png'), pointer;
}

a:active {
  color:#c81b14;
  text-decoration:none;
  cursor:url('assets/pointer.png'), pointer;
}

.outlink:after {
content:url(https://cricket-teeeth.neocities.org/assets/outlink.png);
padding-left:3px;
vertical-align:top;
}

.outlink:hover::after {
content:url(https://cricket-teeeth.neocities.org/assets/outlinkhover.png);
padding-left:3px;
vertical-align:top;
}

::selection {
  color:black;
  background-color:#c81b14;
}

::-webkit-scrollbar {
  width:auto;
  color:#285c74;
}

::-webkit-scrollbar {
  width:16px;
}

::-webkit-scrollbar-track {
  background:black;
}

::-webkit-scrollbar-thumb {
  background:#285c74;
}

::-webkit-scrollbar-thumb:hover {
  background:#c81b14;
}

::-webkit-resizer {
  color:#285c74;
  background:black;
}

.blink {
  animation: blink 1s steps(1, end) infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media only screen and (max-width:800px) {
  #flex {
    flex-wrap: wrap;
  }
  
  header {
    text-align:center;
    font-size:40px;
    -webkit-text-stroke:0.3px white;
  }
  
  .pageHeader {
    font-size:40px;
  }
  
  .main {
    margin:0px;
    width:85%;
  }
  
  h1 {
    font-size:20px;
  }
  
  .galleryMain {
    margin-left:-5px;
  }
  
  .img {
    width:100%;
    height:auto;
  }
  
  .short {
    width:100%;
  }
  
  footer {
    font-size:80%;
  }
  
  button {
    margin-bottom:5px;
  }
  
  #ico {
    width:0%;
  }
}