@charset "utf-8";
/* CSS Document */
body {
background: #DFD2BA;
padding: 0;
margin: 0;
}

.container {
width: 97%;
background: #F3E7C3;
margin: auto;
}

.main {
background: #A4927C;
min-height: 450px;
padding: 3%;
}

.aside-right {
min-width: 38%;
background: #65543A;
min-height: 400px;
float: left;
margin: 0 1%;
padding: 1%;
box-sizing: border-box;
}

.aside-left {
min-width: 58%;
background: #C3B8A0;
min-height: 400px;
float: left;
margin: 0 1%;
padding: 1%;
box-sizing: border-box;
}

.row {
padding: 10px;
background-color: #DDCAB1;
display: flex;
gap: 2%;
justify-content: center;
}

.column {
min-width: 30%;
background: #F3E7C4;
min-height: 200px;
padding: 1% 2%;

box-sizing: border-box;
}

.navi {
list-style: none;
display: flex;
gap: 6%;
align-items: center;
justify-content: center;
min-height: 75px;
padding-top: 10px;
}

.navi a:link, a:active {
color: #C248A0;
text-decoration: none;
font-family: 'Inter', sans-serif;
font-size: 1.4em;
}

.navi a:hover {
color: aquamarine;
}

.navi a:visited {
color: darkslateblue;
}

p {
font-family: 'Inter', sans-serif;
color: #250708;
font-size: 0.8em;
}

h1, h2, h3 {
font-family: 'Inter', sans-serif;
color: black;
}

footer {
min-width: 60%;
background-color: #CBB48E;
min-height: 100px;
justify-content: center;
}