@font-face {
  font-family: FuturaPTDemi;
  src: url("../fonts/FuturaPTDemi.otf");
}

.main-content{
  height: 100vh;
  background-color: black;
}
.p0{
  max-width: 1980px;
  max-height: 1080px;
  width: 100vw;
  height: 56.25vw;
  background-image: url("../img/cover.jpg"); 
  background-size: cover;
  color: white!important;
  font-size: min(24px,1.212vw);
}
.p0 button{
  width: min(582px,30vw);
  height: min(394px,20vw);
  margin-top: min(582px,30vw);
  margin-left: min(693px,35vw);
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;  
  outline:none;
}
.cover{
  max-width: 1980px;
  max-height: 1080px;
  width: 100vw;
  height: 56.25vw;
  background-image: url("../img/p1.jpg"); 
  background-size: cover;
  font-family: FuturaPTDemi;
  text-align: center;
}

.cover #name{
  font-size: min(94px,4.747vw);
  width: 90%;
  margin-top: min(400px,20.202vw);
  margin-left: auto;
  margin-right: auto;
  color: #f3e03b!important;
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;  
  outline:none;
}
.cover #post{
  font-size: min(92px,4.646vw);
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff!important;
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;  
  outline:none;
  line-height:1.2;
}