@import url('https://fonts.googleapis.com/css2?family=Fruktur&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&display=swap');


    body {
    background: fixed;
    background-image: url(background.gif);
    background-position:no-repeat, no-repeat;
    
    background-position: right bottom, left top;
    background-repeat: no-repeat, repeat;
    background-size:  cover;
    background-position: center;
}

.page {
    background: fixed;
    background-image: url(plank.jpg);
    background-position:no-repeat;
    
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 1090px 9990px;
    background-position: center;
}

.stone {
    background: fixed;
    background-image: url(cobblestone.png);
    background-position:no-repeat;
    
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 1000px 9960px;
    background-position: center;
}


/* width */
::-webkit-scrollbar {
    width: 80px;
    
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px red; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: green; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: yellow; 
  }

.headw {
    font-family: 'Fruktur', cursive;
    color: white;
    text-align: center;
}

.headb {
    font-family: 'Fruktur', cursive;
    color: black;
    text-align: center;
}

.headg {
    font-family: 'Fruktur', cursive;
    color: rgb(30, 255, 0);
    text-align: center;
}

.head2w {
    font-family: 'Mochiy Pop P One', sans-serif;
    color: white;
    text-align: center;
}

.head2b {
    font-family: 'Mochiy Pop P One', sans-serif;
    color: rgb(0, 0, 0);
    text-align: center;
}

.head2g {
    font-family: 'Mochiy Pop P One', sans-serif;
    color: rgb(30, 255, 0);
    text-align: center;
}

.r {
	box-shadow:inset 0px -3px 50px 0px #ff00ff;
	background-color:transparent;
	border-radius:24px;
	border:5px solid #00ff1a;
	display:inline-block;
	cursor:pointer;
	color:#ff00ff;
	font-family:Verdana;
	font-size:28px;
	font-weight:bold;
	padding:60px 80px;
	text-decoration:none;
	text-shadow:0px 5px 50px #22ff00;
}
.r:hover {
	background-color:grey;
    border: solid rebeccapurple;
    color: rgb(255, 16, 16);
    padding: 100px 80px;
}
.r:active {
	position:relative;
	top:1px;
}

.b {
	box-shadow:inset 50px 12px 50px 2px #402354;
	background:linear-gradient(to bottom, #8c00ff 5%, #ffffff 100%);
	background-color:#8c00ff;
	border-radius:23px;
	border:5px solid #9b0fff;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Trebuchet MS;
	font-size:23px;
	font-weight:bold;
	padding:17px 24px;
	text-decoration:none;
	text-shadow:0px 1px 50px #4d2323;
}
.b:hover {
	background:linear-gradient(to bottom, #ffffff 5%, #8c00ff 100%);
	background-color:#ffffff;
}
.b:active {
	position:relative;
	top:1px;
}

h1 {
    color:white;
}

h2 {
    color:white;
}

h3 {
    color:black;
}