html {
  scroll-behavior: smooth;
}

body{
background: #D3D3D3;
background-size: cover;
background-position: bottom;
background-attachment: fixed;
background-repeat: no-repeat;
}

html, body {
overflow-x: hidden;
width: 100%;
max-width: 100%;
}

h1{
font-family: Times New Roman;
font-weight: bold;
}

h2{
font-family: Times New Roman;
font-weight: bold;
}

h3{
font-family: Times New Roman;
font-weight: bold;
}

h4{
font-family: Times New Roman;
font-weight: bold;
}

p{
font-family: Helvetica;
}

li{
font-family: Helvetica;
}

.spoiler{ 
  color: #E5E5E5; 
  background-color:#E5E5E5;
}

.spoiler:hover{
  color: black;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0.3; }
  100% { opacity: 1; }
}

.btn-blink {
  animation: blink 1s infinite;
}