@font-face {
    font-family: "coolawesomerussiandeltarunefontthatididntstealfromnixcatzdrastvutyeforanyonehere";
    src: url("coolawesomerussiandeltarunefontthatididntstealfromnixcatzdrastvutyeforanyonehere.ttf") format("truetype");
}

body {
    font-family: "coolawesomerussiandeltarunefontthatididntstealfromnixcatzdrastvutyeforanyonehere", serif;
    background-color:black;
    color:white;
    text-align:center;
    font-size:40px;
}

.maintitle {
    text-align: center;
    font-size: 200px;
}

.topbuttons {
    text-align: center;
    font-size: 50px;
    color: white;
    background-color:#342eb6;
    text-shadow:2px 2px 2px rgba(0,0,0,0.5);
    margin:0.4rem;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
    margin: auto;
}

.gallery-item {
    max-width: calc(30% - 10px);
    box-shadow: 0 4px 6px rgba(1, 1, 1, 0.9); 
}

.subsection {
    text-align: center;
    font-size: 75px;
    color: yellow;
    text-shadow:3px 3px 3px rgba(0,0,0,0.5);
    margin:0.6rem;
}

.topbutton {
    color:white;
}

.mainbody {
  border-top:solid 4px #0c5194;
  border-bottom:solid 4px #0c5194;
  margin-top:1rem;
  /* background-image: linear-gradient(to bottom, #342eb6, #4073c2); */
  background-image: url("tennabackground.gif");
  text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
  
}

.topbutton:hover {
    color: yellow;
}