/*Style Ref*/
.blue1 {
    padding: 50px;
    position: relative;
    background: rgb(0, 35, 41);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
    }

.blue2 {
padding:50px;
position: relative;
background: rgb(0, 13, 24);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
    }

.pink1 {
padding:50px;
position: relative;
background: #2b000d;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
}

.pink2 {
    padding:50px;
    position: relative;
    background: #22000a;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
    }

.white1 {
    padding:50px;
    position: relative;
    background: #1a1a1a;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
    }

.white3 {
    padding:10px;
    position: relative;
    background: #1a1a1a;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
        }

 .webring {
 transform: scale(1.4);
 margin: auto;
 height: min-content;
 width: max-content;
  }

.ratio {
aspect-ratio: 16/9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);
}

.shadow {
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.4);
}

body {
    background-image:
    linear-gradient(
    #1b001a 0%,
    #1b001a 7.77%,
    #2b0038 7.77%,
    #2b0038 17.22%, 
    #240046 17.22%,
    #240046 32.77%,
    #09003d 32.77%,
    #09003d 42.22%,
    #000b47 42.22%,
    #000b47 57.77%,
    #002152 57.77%,
    #002152 67.13%,
    #002d49 67.13%,
    #002d49 82.68%,
    #00443b 82.68%,
    #00443b 92.13%,
    #005232 92.13%
    );
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
    /*Text Color*/
    color:#c0c0c0;
    
    /*Text Margins*/
    margin: 50px;
    padding: 50px;
    
    /*Font*/
    font-family:"Fira Sans Condensed", sans-serif;
    }
    .fira-sans condensed-thin {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 100;
      font-style: normal;
    }
    
    .fira-sans condensed-extralight {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 200;
      font-style: normal;
    }
    
    .fira-sans condensed-light {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 300;
      font-style: normal;
    }
    
    .fira-sans condensed-regular {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 400;
      font-style: normal;
    }
    
    .fira-sans condensed-medium {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 500;
      font-style: normal;
    }
    
    .fira-sans condensed-semibold {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 600;
      font-style: normal;
    }
    
    .fira-sans condensed-bold {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 700;
      font-style: normal;
    }
    
    .fira-sans condensed-extrabold {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 800;
      font-style: normal;
    }
    
    .fira-sans condensed-black {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 900;
      font-style: normal;
    }
    
    .fira-sans condensed-thin-italic {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 100;
      font-style: italic;
    }
    
    .fira-sans condensed-extralight-italic {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 200;
      font-style: italic;
    }
    
    .fira-sans condensed-light-italic {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 300;
      font-style: italic;
    }
    
    .fira-sans condensed-regular-italic {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 400;
      font-style: italic;
    }
    
    .fira-sans condensed-medium-italic {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 500;
      font-style: italic;
    }
    
    .fira-sans condensed-semibold-italic {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 600;
      font-style: italic;
    }
    
    .fira-sans condensed-bold-italic {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 700;
      font-style: italic;
    }
    
    .fira-sans condensed-extrabold-italic {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 800;
      font-style: italic;
    }
    
    .fira-sans condensed-black-italic {
      font-family: "Fira Sans Condensed", sans-serif;
      font-weight: 900;
      font-style: italic;
    }
    
    /*Font Size*/
    h1 {
        font-size:60px;
    }
    h2 {
        font-size:45px;
    }
    p {
        font-size:26px;
    }

.CrispPixels {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
}
.CrispPixels2 {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}