@import "global.css";

@media screen and (min-width: 900px) {
  body {
    background-color: var(--background);
    background-image: url("assets/sigma.png");
    margin: 0px;
    color: var(--text);
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 42%;
    padding-right: 42%;
    text-shadow: 1px 1px 1px var(--shadow);
  }

  #all {
    width: 100%;
  }

  #main {
    background-image: url("assets/paper.png");
    box-shadow: 10px 10px 10px var(--adjacent2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px dashed var(--adjacent1);
    width: 300px;
    height: 500px;  
    background-color: var(--main);
    overflow: scroll;
    overflow-x: hidden;
    padding-left: 4px;
  }

  #spacer {
    text-align: center;
    position: absolute;
    padding-top: 15%;
    padding-bottom: 15%;
    float: left;
  }
  
  .divider {
    border-bottom: 2px dashed var(--adjacent1);
    margin: 5px;
    padding-right: 30px;
    color: var(--adjacent1);
  }
  

  h2 {
    color: var(--text);
  }

  #icon {
    border: 3px solid var(--adjacent1);
  }

  ul {
    padding: 0px;
    margin: 0px;
  }

  li {
    list-style-type: none;
    margin: 5px 0;
  }

  a {
    text-decoration: underline;
    color: var(--adjacent1);
  }

  a:visited {
    color: var(--adjacent1);
  }

  a:hover {
    font-style: italic;
    font-weight: bold;
  }

  a:active {
    font-weight: bold;
    font-style: italic;
  }

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

  ::-webkit-scrollbar-track {
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--adjacent2);
  }
    #bg {
    position: fixed;
    bottom: -20px;
    right: -95px;
    opacity: 0.9;
  }
}

@media screen and (max-width: 899px) {
  body {
    background-color: var(--background);
    background-image: url("assets/sigma.png");
    margin: 0px;
    color: var(--text);
    padding-top: 50%;
    padding-bottom: 50%;
    padding-left: 32%;
    padding-right: 58%;
    zoom: 50%;
    text-shadow: 2px 2px 2px var(--shadow);
  }

  #all {
    width: 100%;
  }

  #main {
    background-image: url("assets/paper.png");
    box-shadow: 10px 10px 10px var(--adjacent2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px dashed var(--adjacent1);
    width: 300px;
    height: 500px;
    background-color: var(--main);
    overflow: scroll;
    overflow-x: hidden;
    padding-left: 4px;
  }

  #spacer {
    text-align: center;
    position: absolute;
    padding-top: 16%;
    float: left;
  }
  
    
  .divider {
    border-bottom: 2px dashed var(--adjacent1);
    margin: 5px;
    padding-right: 30px;
    color: var(--adjacent1);
  }

  h2 {
    color: var(--text);
  }

  #icon {
    border: 3px solid var(--adjacent1);
  }

  ul {
    padding: 0px;
    margin: 0px;
  }

  li {
    list-style-type: none;
    margin: 5px 0;
  }

  a {
    text-decoration: underline;
    color: var(--adjacent1);
  }

  a:visited {
    color: var(--adjacent1);
  }

  a:hover {
    font-style: italic;
    font-weight: bold;
  }

  a:active {
    font-weight: bold;
    font-style: italic;
  }

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

  ::-webkit-scrollbar-track {
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--adjacent2);
  }
    #bg {
    position: fixed;
    bottom: -20px;
    right: -95px;
    opacity: 0.9;
  }
}

/*
     FILE ARCHIVED ON 10:32:20 Nov 24, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:56:00 Aug 27, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.468
  exclusion.robots: 0.018
  exclusion.robots.policy: 0.008
  esindex: 0.009
  cdx.remote: 5.777
  LoadShardBlock: 747.689 (3)
  PetaboxLoader3.datanode: 490.698 (4)
  load_resource: 144.997
  PetaboxLoader3.resolve: 88.203
*/