@font-face {
  font-family:'Damion';
  src: url(./Fonts/Damion/Damion-Regular.ttf);
}

@font-face {
  font-family:'Oswald';
  src: url(./Fonts/Oswald/Oswald-VariableFont_wght.ttf);
}


body{
    background-image: url(./imgs/No.png);
    background-size: repeat;
    display: flex;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    margin-top: 30px;
}

h1{
 font-size: 70px;
 color: rgb(192, 237, 237);
 text-shadow: 4px 2px 2px rgb(173, 168, 168);
 font-family: Damion;
 
  	

}

.flexbox1{
  height: 300px;
  width: 200px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  align-content: stretch;
  flex-wrap: wrap;

}


/* CSS */
.button-1 {
 
  background-color: #0d3caa;
  border: 2px solid #00000063;
  border-radius: 6px;
  box-shadow: 4px 4px 5px rgba(228, 221, 221, 0.8);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 16px 36px;
  outline: none;
  text-decoration: none;
  font-family: 'Courier New', Courier, monospace;

}


.button-1:hover {
  background-color: #080a7c;
}

.button-1:active {
  background-color: #298e46;
  box-shadow: 4px 4px 5px rgba(228, 221, 221, 0.8);
}

.button-2 {
 
  background-color: #0d3caa;
  border: 2px solid #00000063;
  border-radius: 6px;
  box-shadow: 4px 4px 5px rgba(228, 221, 221, 0.8);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 16px 36px;
  box-shadow: #94d3a2;
  outline: none;
  text-decoration: none;
  font-family: 'Courier New', Courier, monospace;
}


.button-2:hover {
  background-color: #080a7c;
}

.button-2:active {
  background-color: #298e46;
  box-shadow: 4px 4px 5px rgba(228, 221, 221, 0.8);
}

.button-3 {
 
  background-color: #0d3caa;
  border: 2px solid #00000063;
  border-radius: 6px;
  box-shadow: 4px 4px 5px rgba(228, 221, 221, 0.8);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 16px 36px;
  box-shadow: #94d3a2;
  outline: none;
  text-decoration: none;
  font-family: 'Courier New', Courier, monospace;
}


.button-3:hover {
  background-color: #080a7c;
}

.button-3:active {
  background-color: #298e46;
  box-shadow: 4px 4px 5px rgba(228, 221, 221, 0.8);
}