body {
  color: #814F4D;
  font-family: "zain", serif;
  font-size:18px;
  font-weight:bold;
}

::-webkit-scrollbar{
width: 9px; 
}
 
::-webkit-scrollbar-track{
  background-color: transparent;
}
 
::-webkit-scrollbar-thumb{
background-color: #DF9017;
}


.life-savers-regular {
  font-family: "Life Savers", serif;
  font-weight: 400;
  font-style: normal;
}

.life-savers-bold {
  font-family: "Life Savers", serif;
  font-weight: 700;
  font-style: normal;
}

.life-savers-extrabold {
  font-family: "Life Savers", serif;
  font-weight: 800;
  font-style: normal;
}

.zain-extralight {
  font-family: "Zain", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.zain-light {
  font-family: "Zain", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.zain-regular {
  font-family: "Zain", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zain-bold {
  font-family: "Zain", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.zain-extrabold {
  font-family: "Zain", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.zain-black {
  font-family: "Zain", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.zain-light-italic {
  font-family: "Zain", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.zain-regular-italic {
  font-family: "Zain", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.yarndings-20-regular {
  font-family: "Yarndings 20", system-ui;
  font-weight: 400;
  font-style: normal;
}


#icicles{
position:fixed;
top: -170px;
left: 0px;
height:317px;
width:100vw;
   background-image: url('icicle.png');
     background-repeat infinite;
}

 
h1{
margin: 0px;
color: #ff0000;
font-size: 45px;
font-weight: bold;
font-family: "life savers", cursive;
}

h2{
margin: 0px;
color: #536A36;
font-size: 36px;
font-weight: bold;
text-align: center;
font-family: "life savers", cursive;
}

h3{
  margin: 0px;
color: #DF9017;
font-size: 36px;
font-weight:normal;
text-align: center;
    font-family: "Yarndings 20", system-ui;
}

h4{
margin: 0px;
color: #536A36;
font-size: 30px;
font-weight: bold;
text-align: left;
font-family: "life savers", cursive;
}

a{
text-decoration: none;
color: #96600F;
 font-family: "zain", sans-serif;
font-size: 14pt;
}


#header a{
margin: 0px;
color: #ff0000;
font-size: 45px;
font-weight: bold;
font-family: "life savers", cursive;
}

#orn1{
position:fixed;
top: -35px;
left: 1325px;
transform: rotate(335deg);
}

#orn2{
position:fixed;
top: -5px;
left: 0px;
transform: rotate(25deg);
}

#orn3{
position:fixed;
top: 74px;
left: 10px;
transform: rotate(357deg);
}

#orn4{
position:fixed;
top: -10px;
left: 1175px;
transform: rotate(359deg);
}

#table{
  position:relative;
    top:150px;
background-color: rgba(255,248,221,0.7);
width:75vw;
}