@font-face {
  font-family: "Cherish";
  src: url(fonts/Cherish.ttf);
} 
@font-face {
  font-family: "virale";
  src: url(fonts/virale.ttf);
}
@font-face {
  font-family: "romance";
  src: url(fonts/RomanceA.ttf);
}
@font-face {
  font-family: "webfont";
  src: url(fonts/000webfont.ttf);
}
@font-face {
  font-family: "pcursive";
  src: url(fonts/Cursive.ttf);
}
@font-face {
  font-family: "wizard";
  src: url(fonts/Wizard.ttf);
}
@font-face {
  font-family: "heartfont";
  src: url(fonts/heartfont.ttf);
}
@font-face {
  font-family: "basiic";
  src: url(fonts/basiic.ttf);
}
@font-face {
  font-family: "dots";
  src: url(fonts/BPdots-webfont.ttf);
}
img{max-width:100%;
} 
  

.style{  
    background-image: url(pics/indexbg.png);
    background-size: contain, cover;
    background-size:cover;
    background-color: aliceblue;
    font-family: "webfont";
}
nav{
  font-family: webfont;
  background-color: rgba(255, 255, 255, 1);
  padding: 3px;
  width: 275px;
  border-radius: 30px;
  background: linear-gradient(1deg, rgba(255, 255, 255, 1) 0%, rgb(199, 202, 204) 80%, rgb(158, 158, 161) 100%);
  border: 2px outset rgb(147, 147, 148);
  margin: 30px;
}
nav a{
  font-size: 1.6rem;
  text-decoration: none;
  color: rgb(0, 0, 0);
}
nav a:hover{
  color: rgb(92, 183, 213);
}
a{
    color: rgb(0, 0, 0);
    text-decoration: none;
} 
a:hover{
    color: rgb(92, 183, 213);
}
.izi{
    margin-top: auto;
    margin-bottom: auto;
    font-family: monospace;
    font-size: 2.5rem;
    background: linear-gradient(90deg, rgb(237, 164, 206) 38%, rgb(242, 204, 138) 46%, rgb(145, 240, 200) 53%, rgb(97, 225, 252) 61%, rgb(209, 162, 247) 69%);
  -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}
::-webkit-scrollbar {
  width:12px;
}
::-webkit-scrollbar-thumb{
  background-color: rgb(185, 169, 217);
  background-size: cover;
  border-style: dotted;
  border-color: rgb(105, 106, 121);
}
::-webkit-scrollbar-track{
  background-color: rgb(217, 229, 233);
}