@font-face 
{ font-family: mini;
  src: url(MiniFont.ttf); }

*
{ font-family: mini;
 font-size: 25px; }

body 
{ background-image: url("https://i.imgur.com/bVbUXie.png") }

header
{ background-color: #fff; 
  margin-top: -10px;  }
  
footer
{ background-color: #fff;
  color: #8260c2;
  width: 500px;
  margin: auto;
  padding: 10px;
  text-align: center;
  font-family: courier new;
  font-weight: 900;
  font-size: 15px;
  border-radius: 20px;
  margin-top: 10px;
  border-width: 1px ;
  border-style: dashed;}

hr
{ border-top: 1px dashed #8260c2;
  margin: 20px 0;
  margin-top: 3px;
  margin-bottom: 3px;}
        
#base
{ width: 1000px;
  margin: auto;
  background-color: #fff;
  color: #8260c2;
  padding: 10px;}
  
#sidebarL
{ padding: 8px;
  margin-right: 15px;
  box-shadow: 0px 0px 10px;
  background-image: url("https://gifcity.carrd.co/assets/images/gallery69/c4141057.gif?v=e3c0bc0f"); }

#sidebarR
{ padding: 10px;
  box-shadow: 0px 0px 10px;
  background-image: url("https://gifcity.carrd.co/assets/images/gallery69/c4141057.gif?v=e3c0bc0f"); }

#main
{ padding: 10px;
  margin: 0px;
  max-width: 450px; }

.border
{ width: 1015px;
margin: auto;
border-width: 20px;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-image: url("https://i.imgur.com/h143B0W.png") 35 fill round;
border-image-outset:1; }

.headerborder
{ width: 1015px;
margin: auto;
border-width: 20px;
border-right-style: solid;
border-left-style: solid;
border-top-style: solid;
border-image: url("https://i.imgur.com/h143B0W.png") 35 fill round;
border-image-outset:1; }

.basecontainer
{ padding: 10px;
  border-width: 1px;
  border-style: dashed;
  background-color: #fff; }

.container
{ padding: 10px;
  border-width: 1px;
  border-style: dashed;
  background-image: url("https://i.imgur.com/GIrx3tu.png"); }

.container2
{ text-align: center;
  padding: 7px; }
  
.container3 {
  border-radius: 20px;
  background-color: #e0c3ff;
  padding: 15px;
  margin-top: 10px;
  border-style: 1px;
  border-style: solid;
}
  
.grid-container 
{ display: grid;
  grid-template-columns: 30% 45% 25%; }
  
    #container {
      overflow: scroll;
      overflow-x: hidden;
      height: 10em;
      padding: 5px;
    }

    #container::-webkit-scrollbar {
      width: 0;
      /* remove scrollbar space */
      background: transparent;
      /* to make scrollbar invisible */
    }

    #container::-webkit-scrollbar-thumb {
      background: transparent;
    }

.silly
{ text-shadow: -2px 0 #8260c2, 0 2px #8260c2, 2px 0 #8260c2, 0 -2px #8260c2, 0 0;
 font-weight:bold; 
 color: #fff;
 font-size: 30px; }
 
.hey
{ font-weight: 900; 
  font-size: 28px; }

a:link 
{ text-shadow: -2px 0 #8260c2, 0 2px #8260c2, 2px 0 #8260c2, 0 -2px #8260c2, 0 0;
  font-weight:bold;
  color: #fff;
  font-size: 28px;
  text-decoration: none;
  opacity: 1;
  transition: 0.3s; }
  
  a:visited 
{ color: #fff;
  font-size: 28px;
  text-decoration: none; }

a:hover
{ text-shadow: -2px 0 #e0c3ff, 0 2px #e0c3ff, 2px 0 #e0c3ff, 0 -2px #e0c3ff, 0 0;
  color: #fff;
  background-color: #e0c3ff;
  font-style: italic;
  text-decoration: none;
  transform-origin: left;
  transition: transform 1s ease;
  font-size: 28px;
  opacity: 1; }