@font-face {
    font-family: "Fed";
    src: url('fe.ttf');
    font-weight: 400;
}
html {
    background-color: #43aeb8;
    color: #d6560c;
    background-image: url("/Images/Sera/Serabg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    font-family: "Fed", monospace;
}
header, aside, main, footer {
    background: linear-gradient(0deg, #ead2be 0%, #529ea2 100%);
    border: solid  #a40ed6;
    border-radius: 10px;
}
header {
    background: linear-gradient(0deg, #ead2be 0%, #529ea2 100%);
    margin: 0px 0px 10px;
    padding: 0px 20px;
}
aside {
    padding: 20px;
}
main {
    border-radius: 10px 10px 0px 0px;
    padding: 20px;
}
footer {
    border-radius: 0px 0px 10px 10px;
    padding: 0px 10px;
    text-align: center;
}
.button:link, .button:visited {
    text-decoration: none;
    color: #d6560c;
}
.button:hover {
    text-decoration: underline;
    color: #d69e5a;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container {
  max-width: 1200px;
  min-width: 1200px;
  display: grid;
  grid-template:
    "Sidebar Header"
    "Sidebar Main"
    "Sidebar Footer"
    / 1fr 3fr;
  grid-gap: 2px;
}

header { grid-area: Header; }
aside { grid-area: Sidebar; }
main { grid-area: Main; }
footer { grid-area: Footer; }