/*********** Fonts ***************/

@font-face {
   
   font-family: montserratreg; src: url(https://feralasar.neocities.org/Fonts/MontserratRegular-RpK6l.otf);
  
  }

@font-face {
  
   font-family: sandandreas; src: url(https://feralasar.neocities.org/Fonts/SanAndreas-MVxPw.otf);
  
  }

@font-face {
  
   font-family: highonfire; src: url(https://feralasar.neocities.org/Fonts/Highonfire-3XM3.otf);
  
  }

  /*************** Background ***************/

  body {

    background-image: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Backgrounds/Skull-cacti.png);

    cursor:url("https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Tiny%20pixels/Badger%20pawpad.png"), auto;
  }

  /*********** Boxes ***************/
  
  #container {

    margin-bottom: 30px;

      width: 900px;

      margin: 0 auto;

      flex-direction: column;

      display: flex;
  }

   .updatebox {

      display: flex;
  
      flex-direction: column;

      align-items: center;

      text-align: center;

      margin-top: 50px;

      border: 40px solid transparent;

      border-image: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/borders/Skull-frame.png) 40 round;
   
      border-image-outset: 0.4;

      padding: 50px;

      margin-bottom: 30px;

   }

   #realupdates {

    background-color: rgb(160, 160, 160);

    max-height: 250px;

    padding: 40px;

    width: 90%;

    border-radius: 10px;

    border: 5px rgb(22, 22, 22) double;

    overflow: scroll;

    overflow-x: hidden;

    margin-top: 30px;

    margin-bottom: 30px;

    text-align: center;

   }

   .back {

    cursor: url("https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Tiny%20pixels/Badger%20pawpad%20click.png"), pointer;

   }

   /*********** Imgs ***************/
 
 img {
   
   max-width: 100%
 
 }
   /*********** words ****************/

   .title {

    font-family: highonfire;

    margin-bottom: 50px;

    letter-spacing: 2px;

    font-size: 50px;

    font-style:italic;

   }

   .year {

    font-size: 15px;

    font-family: sandandreas;

    letter-spacing: 10px;

   }

    .year2 {

      letter-spacing: 5px;
      
      font-size: 15px;

      font-family:sandandreas;
    }
    
      .list {

        list-style:none;
      }

      li {

        margin-top: 30px;
      }
   /******** Repeating stuff*******/

   .updatebox, footer {

     background-color: #2a2a2a;

   }

   .year, .title, .description {

    color: white;
   }

     /******Footer******/
  
   #footerbar {
    
    order: 3;
    
    display: flex;
    
    flex-direction: row;
    
    Justify-content: center;
    
   }

 footer {

   background-image: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/Backgrounds/black-orchid.png);
   
   border: 30px solid transparent;
   
   border-image: url(https://file.garden/ZYYlEdYewxMFm_3g/My%20website%20stuff/Website%20graphics/borders/wooden-frame.png)17% round;
   
   border-image-outset: 0;
   
 }

 /*********** Media Queries ***************/

 @media screen and (max-width: 950px) {

  #container {

    width: 500px;

  }

  .title {

   font-size: 15px;

 }

 .flower, .flower2 {

  max-width: 10%;

  height: auto;
 }
  
  @media screen and (max-width:550px) {

    #container {

      width: 350px;
    }

    .title {

      font-size: 20px;
    }

    .year {

      font-size: 20px;
    }

    .flower, .flower2 {

      display: none;
    }

    .tinyflower {

      display: none;
    }
  }
}