@font-face {
  font-family: Montserrat;
  src: url('fonts/Montserrat-VariableFont_wght.woff2') format('woff2');
  font-weight: 400;
}
h1 {
    color: #ACD2C5;
    border: double #ACD2C5;
    text-align: center;
    border-radius: 5px;
}
h2 {
    text-align: center;
}
h3 {
    color: #ACD2C5;
}
p {
    margin-top:0;
    margin-bottom:0;
    color: #d0c8c6;
    font-weight: 700;
}
body {
    margin: 20%;
    background-image: url("stars.gif");
    background-repeat: repeat;
    color: #d0c8c6;
    font-family: Montserrat;
}

#row {
    height: 100vh;
    display: flex;
}
#left {
    display: flex;
    text-align: left;
    justify-content: left;
    padding:1%;
    width: 75%;
    border: 2px solid #d0c8c6;
    margin-left: 1%;
    border-radius: 5px;
}
#right {
    display: flex;
    text-align: left;
    justify-content: left;
    padding: 1%;
    flex-grow: 1;
    max-width:25%;
    border: 2px solid #d0c8c6;
    margin-left: 1%;
    margin-right: 1%;
    border-radius: 5px;
}
#footer {
    display: flex;
}
#footer-img {
    padding: 1%;
    display:flex;
    justify-content: left;
}
#footer-txt {
    padding: 1%;
    align-items: flex-end;
    justify-content: right;
    display: flex;
    flex-grow: 100;
}