body {
background: linear-gradient(#b8966a, #543d1e, #b8966a);
 padding: 40px;
 text-align: center;
 color: black;
}

/*Main*/
.logo { 
 width:650px;
 height:300px;   
}    
.content {
    background-color:#8c7c4f;
    border-radius:50px;
    padding-bottom:40px;
    padding-left:40px;
    padding-right:40px;
}
div.info {
    font-size: 50px;
    text-align: left;
}
ul {
    text-align: left;
}


/*Flexbox*/
.container { 
    border: transparent 2px #806868;
    display: flex; 
    flex-direction: row;
    text-align: center;
    flex-wrap: wrap;
    justify-content:center;
}
.item {
    border: 2px solid lightblue;
    margin: 8px;
    width:340px;
    border-radius:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
}
.item iframe {
    border-radius:10px;
    width:100%;
    height:440px;
}
    /*Social Widgets*/
.social-widget {
    border: 2px solid #990EB1;
    margin: 8px;
    width:340px;
    background-color:#8c7c4f;
    border-radius:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
}
.social-widget iframe {
    border-radius:10px;
    width:100%;
    height:440px;
}
    /*Contact Links*/
.contact-link {
    border: 2px transparent #990EB1;
    margin: 8px;
    width:250px;
    height:250px;
    border-radius:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
}
.contact-link img {
    width;150px;
    height:150px;
    border-radius:10px;
}
.contact-link p {
    font-size:30px;
    font-weight:bold;
    font-family:"Times New Roman";
}


/*Navbar*/
a:link {
    color:#990EB1;
}
a:visited {
    color:#fc03f8;
}
    /* Add a background color to the top navigation */
.topnav {
  background-color: #2a012e;
  overflow: hidden;
  height: 80px;
  align-content:center;  
}
    /* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 18px;
  text-decoration: none;
  font-size: 18px;
  height:100%;
}
    /* Change the color of links on hover */
.topnav a:hover {
  background-color: #148F0A;
  color: black;
}
    /* Add a color to the active/current link */
.topnav a.active {
  background-color: #8F0A84;
  color: white;
}
.nav-brand { 
    float: left; 
}

/*Buttons*/
button.largebutt {
    width: 450px; height: 150px;
    font-size: 60px;
    background-color: #b86a04;
}
button.bigbutt {
    width 200px; height: 50px;
    font-size: 25px;
}
.hbutton {
    border: none;
    background-color: transparent;
    outline: none;
}
.hbutton:focus {
    border: none;
}
button:focus {
    border: none;
}

/*Images*/
.mainimg {
    width: 300px; height: 300px;
}
.imgContainer {
    float:left;
    padding: 45px;
    font-size: 40px;
}
.icon {
    width:300px;
    height:300px;
}

/*Colors*/
.purple {
 color: #cc00ff;
}
.lightgray {
 color: lightgrey;
}
.lightishgray {
 font-weight: bold;
}

/*Text Styles*/
.bold {
font-weight: bold;
}
.largetext {
    font-size: 100px;
}
h2 {
    font-weight: normal;
}
.largetitle {
    font-size: 150px;
}

/*Stylized Links*/
.links {
    font-size: 100px;
}
.sites { 
    font-size: 100px;
}
.links img {
    width: 300px;
    height: 300px;
    border-radius: 65px;
}

/*Terms*/
.terms {
    font-size: 100px;
}
.terms img {
    width:600px;
    height: 300px;
}
.term h1 {
    font-size: 100px;
}
.term img {
    width: 600px;
    height: 300px;
}
.term p {
    text-align: center;
}
.term h2 {
    font-size: 65px;
    font-weight: bold;
}
.term h3 {
    font-size: 40px;
    font-style: underline;
}
.term h4 {
    font-size:20px;
}
.term h5 {
        font-size:20px;
}

/*Other*/ 
.trans {
    border: none;
    background-color: transparent;
    outline: none;
}