@font-face {
  font-family: 'smalle';
  src: url('smalle.ttf?#iefix') format('truetype');
}

html {
  scrollbar-color: #f143a3 #f19ecc;
}

body::before {      
  content: " ";      
  display: block;      
  position: fixed;      
  top: 0;      
  left: 0;      
  bottom: 0;      
  right: 0;      
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.80) 150%);      
  z-index: 2;      
  background-size: 100% 2px, 3px 100%;      
  pointer-events: none;      
}

body {
  background-image: url('bg.png');
  background-attachment: fixed;
  font-family: smalle;
}

.dollie {
  position: absolute;
  left: 80px;
  bottom:240px;
  z-index: 2;
}

.header2 {
  background-color: #b8b3b0;
  font-display: #f143a3;
  width: 800px;
  height: auto;
  padding: 8px;
  border-style: outset;
  border-width: 2px;
  border-color: #5a5757 #eae3db #eae3db #5a5757;
  margin:auto;
  margin-top: 80px;
  box-shadow: -2px 2px 20px white;
 }
 
 .everything {
   background-color: #f0ece4;
   font-size: 20px;
   border-color: #5a5757 #eae3db #eae3db #5a5757;
   color: #f143a3;
   border-style: inset;
   border-width: 2px;
   width: 760px;
   height: 190px;
   margin: auto;
   margin-top: 6px;
   padding: 10px;
 }
 
 .grad {
   background-image: linear-gradient(to right, #E80C8C, #F167D0);
   border-color: #5a5757 #eae3db #eae3db #5a5757;
   width: 780px;
   height: 20px;
   border-width: 2px;
   border-style: inset;
   margin: auto;
   display: flex;
   justify-content: end;
 }
 
 .tinybut {
   font-size: 16px;
   background-color: #b8b3b0;
   border-style: inset;
   border-width: 2px; 
   border-color: #5a5757 #eae3db #eae3db #5a5757;
   height: 12px;
   width: 12px;
   justify-content: center;
   margin-left: 4px;
   margin-top: 1px;
   margin-right: 5px;
 }
 
 .bottom {
   background-color: #b8b3b0;
   border-style: inset;
   border-width: 2px;
   border-color: #5a5757 #eae3db #eae3db #5a5757;
   height: 25px;
   width: 780px;
   margin: auto;
   margin-top: 8px;
 }
 
 .bottom2 {
   background-color: #b8b3b0;
   border-style: inset;
   border-width: 2px;
   border-color: #5a5757 #eae3db #eae3db #5a5757;
   height: 18px;
   width: 130px;
   display: inline-block;
   padding: 2px;
   padding-left: 3px;
   font-weight: bold;
 }
 
 .bottom3 {
   background-color: #b8b3b0;
   border-style: inset;
   border-width: 2px;
   border-color: #5a5757 #eae3db #eae3db #5a5757;
   height: 18px;
   width: 130px;
   float: right;
   padding: 2px;
   font-weight: bold;
 }
 
 .enter {
   background-color: #b8b3b0;
   font-family: smalle;
   width: 170px;
   height: 50px;
   border-style: outset;
   border-width: 4px;
   border-radius: 4px;
   border-color: #eae3db #5a5757 #5a5757 #eae3db;
   margin: auto;
   margin-top: 50px;
   text-align: center;
 }
 
 .enter:hover {
   border-style: inset;
   border-width: 5px;
   border-radius: 4px;
   border-color: #5a5757 #eae3db #eae3db #5a5757;
 }
 
 a:link {
   color: #f143a3;
 }
 
 a:visited {
   color: #ba38a7;
 }
 
 a:hover {
   color: #ffd9f9;
 }