@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spartan&display=swap');


body {
  display: grid;
  grid-template-columns: 75% 25%;
  grid-template-rows: 100px 50px 130px 670px 350px 100px;
  grid-row-gap:0;
  margin: 0 auto;
  max-width: 60em;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

header, footer{
  grid-column: 1 / span 2;
  background-color:#DAE8FC;
}

header{
  width:100%;
  position:relative;
  background-color:#DAE8FC;
  border-bottom: 2px solid #6C8EBF;
}

header img{
  padding-top:5px;
  padding-left:15px; 
}

header p{
  padding-left:200px;
  padding-top:1vh;
  text-align:center;
  font-family:Cinzel;
  font-size: 4vw;
  position: absolute;
  margin-top:0px;
  top:0; 
}


nav{
  grid-column: 1 / span 2;
  background-color:#FFF2CC;
}

nav ul {
  list-style:none;
  text-align:center;
  margin-top:0px;
}

nav ul li{
  display:inline-block;
}

nav a{
  font-family: Julius Sans One;
  float:left;
  color:black;
  padding:10.5px 20px;
  font-size:25px;
  text-decoration:none;
  text-align:center;
}

nav a:hover{
background-color:#fdde82;
}


.subtitle {
  grid-column: 1 / span 2;
  grid-row:3;
}

.subtitle p{
  margin-top:3%;
  margin-bottom:0;
  font-family:Cinzel;
  font-size: 4vw;
  text-align:center;
  color:black;
}


main{
  grid-row:4;
  margin-left:2%;
  height:100%;
}

main img{
  max-width: 100%;
  height: auto;
}

main .textbox{
  margin-top:20px;
  border: 2px solid #6C8EBF;
  height: 36.5%;
}

main .textbox p{
  margin:2% auto;
  font-family:Spartan;
  font-size: min(max(12px, 2.25vw), 19px);
  text-align:center;
}


sidebar{
  border: 2px solid #6C8EBF;
  margin-left:1em;
  grid-row:4;
  grid-column:2/3;
  background-color:#DAE8FC;
  margin-right:5%;
  height: 98%;
}

sidebar p{
  font-family:Julius Sans One;
  font-size: min(max(12px, 2.25vw), 25px);
  text-align:center;
  margin:2% auto;
}

sidebar iframe{
  margin-top:25%;
  height:150px; 
  max-width:190px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border:0;
}

.registration{
  grid-column: 1 / span 2;
  grid-row:5;
  height:100%;
}

.registration .subtitle p{
  margin:5% auto;
  border:2px solid #6C8EBF; 
  font-family:Julius Sans One;
  font-size: 4vw;
  text-align:center;
  padding-top:8px;
  padding-bottom:3px;
}

.registration .textbox{
  margin-top:5%;
  margin-right:20%;
  margin-left:20%;
  height:30%; 
  font-family:Spartan;
}

.textbox p, a{
  font-size:25px;
  text-align:center;
}

.textbox a{
color:#000099;
}

.textbox a:visited{
color:#000099;
}


footer{
  grid-row:6;
}

footer img {
  padding-left:15px;
  padding-top:10px;
  float:left;
}

.footer_heading p{
  font-family:Cinzel;
  float:left;
  display: block;
  text-align: center;
  margin:1.5% auto 0;
  padding-left:30%;
}

footer .socials {
  display: block;
  float:right;
  padding-top:15px;
  padding-right:25px;
}

.socials p{
  padding-left:14px;
  font-family:Spartan;
}

.copyright{
  padding-left:25%;
  display:inline-block;
}

.copyright p {
  font-size: min(max(10px, 2.25vw), 15px);
  font-family:Spartan;
}