body {
background-color: darkslateblue;
font-family: "coffeeSans";
color: #FBFAF5;
}

@font-face {
font-family: 'coffeeSans';
src: url('resources/ArgentumSans-Regular.ttf');
}

@font-face {
font-family: 'pixelSans';
src: url('resources/pixelSans.ttf');

}

#mainWrapper {
max-width: 1000px;
margin-inline: auto;
}

#topBar {
width: 100%;
position: relative;
border-bottom: solid lightgrey;
}
#logo {
height: 100px; 
width: auto;
position: relative;
}
.mainColor {
background-color: #28275e;
}
.iBorder {
border: 3px solid #2e316b;
border-radius: 5px;
}

.clicked {
text-decoration: underline;

}

#links {
display: flex;
flex-direction: row;
right: 0;
bottom: 0;
margin: 10px;
max-width: fit-content;
position: absolute;
}
#content {
max-width: 1000px;
}
.tabButton {
color: #FBFAF5;
font-family: coffeeSans;
font-size: 20px;
background-color: transparent;
border-radius: none;
border: none;
}

.tabButton:hover {
cursor: pointer;
color: grey;
}

.tabcontent {
display: none;
}