@font-face {
font-family:AB;
src:url("Fonts/AlexBrush/AlexBrush-Regular.ttf");

}

@font-face {
font-family:MS;
src:url("Fonts/Milkshake/Milkshake.otf");

}

@font-face {
font-family:QG;
src:url("Fonts/2QuestaGrande/2-questa_grande_regular_31.otf");

}

#nav {
background:#000000;
color:#FFFFFF;

}

#nav > .container > a {
font-family:QG, sans-serif;
color:#FFFFFF;


}

#nav > .container > #email {
color:#FFFFFF;
margin-left:55%;


}

#opening {
background:#FF9933;

}

#opening > .container > #title1 {
font-family:MS, sans-serif;
font-size:80px;
text-align:center;

}

#opening > .container > #title2 {
font-family:MS, sans-serif;
text-align:center;

}


#opening > .container > img {
border-radius:10px;

}


#Ex > .container > h2 {
font-family:MS, sans-serif;
text-decoration:none;
text-align:center;
color:#000000;

}

#Ex > .container > #section > #desc {
float:left;
width:40%;
font-size:20px;
font-family:QG, sans-serif;

}
#Ex > .container > #section > #desc > .small-pic {
padding:5px;
border-radius:10px;

}

#Ex > .container > #section > img {
margin-left:20%;
width:350px;
height:500px;
border-radius:10px;

}

#event {
background: #FF9933;
  
}

#event > .container > h2 {
font-family:MS, sans-serif;
text-decoration:none;
text-align:center;

}

#event > .container > img {
border-radius:10px;

}

#event > .container > h3 {
font-family:QG, sans-serif;
font-size:30px;

}

#event > .container > #GSD {
float:right;
width:40%;
font-size:20px;
font-family:QG, sans-serif;

}