/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
   /*Selection color*/
   ::-moz-selection { /* Code for Firefox */
  color: white;
  background: #FFBADA;
  }
   
   ::selection {
  color: white;
  background: #FFBADA;
}  


 /* Chrome, Edge, and Safari */
  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-track {
    background: #ffe5f4;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #ff80c2;
    border-radius: 10px;
    border: 1.5px ridge #ea57ad;
  }
  
   /*Main Container Box*/
    .container {
    width: 960px;
    min-height: 1420px;
    margin: auto;
    padding: 10px;
    padding-right: 10px;
    border: 4px double hotpink;
    border-image: url(https://imgur.com/a/CSUNFwI) 20%;
    border-radius: 10px;
    background-color: white;
    background-image: url(https://sleepycove.neocities.org/backgrounds_gif/51.gif);
    }

   /*Welcome Page Container*/
  .boxcontent {
    display: flex;
    flex-direction: row;
    width: 939px;
    height: 1010px;
    margin-top: 5px;
    padding-left: 5px;
    border-radius: 6px;
    background-color: white;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-right: 10px;
}

    
    /*right SideBar*/
    .rightcontainer {
    width: 201px;
    padding: 7px;
    height: 540px;
    margin-top: 7px;
    margin-left: 25px;
    border-radius: 10px;
    background-color: white;
   }
    
     /*left SideBar*/
    .leftcontainer {
    width: 201px;
    padding: 7px;
    height: 540px;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 10px;
    background-color: white;
}

     /*bottom container*/
   .bottomcontainer {
    width: 935px;
    height: 330px;
    background-color: pink;
    margin-top: 5px;
    display: contents;
}


/*widget box*/
.box {
    background: white;
    border: 4px double hotpink;
    border-image: url(https://imgur.com/a/CSUNFwI) 20%;
    padding: 10px;
    margin-top: 10px;
    text-wrap: wrap;
}


.updatebox {
    background: white;
    border: 4px double hotpink;
    border-image: url(https://www.valentinely.cc/images/sozai/pink-lace-border.png) 20%;
    margin-right: 9px;
    margin-left: 35px;
    width: 314px;
    height: 270px;
    padding-bottom: 47px;
    text-wrap: wrap;
}


  /*List icon*/
  ul {
  list-style-type: none;
  padding-left: 5px;
   }
   
   
     ul2 {
    list-style-image: url("https://i122.photobucket.com/albums/o260/mhilka/minigifs/24.gif");
    list-style-position: inside;
     }
  
    
    /*Header*/
    
    .header {
  height: 251%;
  width: 800%;
  margin-bottom: 9px;
  padding-bottom: 251px;
  background: url(https://files.catbox.moe/osci3b.jpg);
   }
    
    
 /*top bar*/
.topbar {
  height: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #ffe3f1;
  width: 100%;
  
  /* Border settings */
  border-width: 8px;
  border-style: solid;
  border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 8 fill round;
  
  /* Center marquee content & prevent overflow */
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}

.topbar marquee {
  display: flex;
  align-items: center;
  height: 100%;
}

.topbar marquee img {
  vertical-align: middle;
  margin: 0 2px;
}
    
  
  /*Marquee container*/
  .marquee-container {
    width: 100;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
  }
  
  /*Marquee scroll anim.*/
  .scrolling {
  animation: marquee 2s linear infinite;
  display: inline-block;
  padding-right: 10px;
}
  
  /* Loop */
@keyframes marquee-container {
  from {
    transform: translateX(0);
  }
  to { 
    transform: translateX(-100%);
  }
}


/*Navigation Bar*/
 .navbar ul {
  display: flex;
  justify-content: space-evenly;
  list-style: none;
  padding: 0;
  margin: 0;
  }

   /*Website Background Image*/
   
   body {
    background-image: url('http://dl7.glitter-graphics.net/pub/3036/3036067zfv9xesddp.gif');
    }
   
 
   
/* Font */
font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}

#windows {
font-family: windows;
font-size: 20px;
}


/*button*/
 .button
   {
   border-radius: 50px;
   border: 2px solid black;
   background: pink;
   font-family: windows;
   font-size: 1em;
   color: black;
   width: 200px;
   }