@font-face{
  font-family: "coolvetica";
  src: url("https://15cmatthewsj.neocities.org/coolvetica%20rg.ttf") format("truetype");
}

*:focus{outline:none}

@keyframes bg{
  0%{background-image: url("http://unsplash.it/1920/1080/?image=20;blur")}
  25%{background-image: url("http://unsplash.it/1920/1080/?image=1;blur")}
  50%{background-image: url("http://unsplash.it/1920/1080/?image=42;blur")}
  75%{background-image: url("http://unsplash.it/1920/1080/?image=24;blur")}
  100%{background-image: url("http://unsplash.it/1920/1080/?image=20;blur")}
}

body{
  counter-reset: number;
  opacity: 0;
  transition: 2s;
  background-size: cover;
  animation: bg 60s ease infinite;
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.page_unsel{
  size: 200%;
  border: none;
  background-color: rgb(255,0,0);
  color: white;
  border-radius: 0.5vw;
  font-family: "coolvetica";
  font-size: 2vw;
  padding: 1vw;
  margin: 1vw;
  transition: 1s;
}

.page_unsel:hover{
  background-color: rgb(255,150,150);
}

.page_select{
  background-color: #189CF0;
  border-radius: 2vw;
  float: left;
  box-shadow: 0.1vw 0.1vw 0.1vw #000000;
}

.page_sel{
  size: 200%;
  border: none;
  background-color: rgb(255,128,0);
  color: white;
  border-radius: 1vw;
  font-family: "coolvetica";
  font-size: 2vw;
  padding: 1vw;
  margin: 1vw;
  transition: 1s;
}

div[id='page 1']{
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/7c/Cima_da_Conegliano%2C_God_the_Father.jpg");
  background-attachment: fixed;
  background-size: cover;
}

h1[class="page title"]{
  color: white;
  font-family: "coolvetica";
  font-size: 5vw;
  margin: 1vw;
}

h1, h3, p{
  text-shadow: 0 0 1vw #000000;
}

h3{
  color: white;
  font-family: "coolvetica";
  font-size: 3vw;
  margin: 1vw;
}

h3::before{
  counter-increment: number;
  content: counter(number) " : ";
}

p{
  color: white;
  font-family: "coolvetica";
  font-size: 2vw;
  margin: 1vw;
}

.Logo{
  font-family: "coolvetica";
  font-size: 10vw;
  color: white;
  text-shadow: 0.5vw 0.5vw  1vw #000000;
}