@font-face {
    font-family: Play;
    src: url(fonts/Play/Play-Regular.ttf);
}

@font-face {
    font-family: Jost;
    src: url(fonts/Jost/Jost-VariableFont_wght.ttf);
}

* {
    font-family: Play;
}

#formFlex {
    display: flex;
    flex-flow: row wrap;
}

#subject {
    flex:100%;
    margin-right: 10px;
    margin-left: 10px;
    min-height: 100px;
}

.fname, .lname {
    min-height: 5vw;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    width: 50%;
    flex: 40%
}

#formDiv {
    width: 100vw;
}

input[type=submit] {
    color: white;
    background-color: black;
    border: none;
    border-radius: 5%;
    padding-right: 4vw;
    padding-left: 4vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    cursor: pointer;
    align-self: flex-end;
    margin-left: auto;
    margin-right: 10px;
    margin-top: 20px;
    font-size: 2vw;
}

strong {
    border-bottom: solid black 1px;
    padding-bottom: 2px;
}

#contactinfo {
    display: flex;
    flex-flow: row nowrap;
    /* border: solid black; */
    margin-left: 10%;
    justify-content: center;
    width: 50%;
}


#infoText {
    display: flex;
    flex-flow: row wrap;
    /* border: solid black 2px; */
    max-width: 33vw;
    margin-right: 10%;
    margin-left: 5%;
    margin-top: 10%;
}

#infoText > h2 {
    flex: 43%;
    font-size: 6vw;
    /* border: solid red; */
    min-width: 33%;
    margin-bottom: -5%;
}

#infoText > p:not(#infoStatement) {
    flex: 43%;
    min-width: 33%;
    /* border: solid blue; */
    margin: 0%;
}

#infoText > * {
    padding: 0;
}

textarea {
    resize: none;
}


h2 {
    margin: 0%;
    font-family: Jost;
    font-weight: 300;
}

#bodyDiv {
    display: flex;
    gap: 10px;
}

.pageInfo {
    margin-left: 11.2%;
    margin-right: 10%;
}

#infoTitle {
    position: fixed;
    right:15%;
    rotate: -10deg;
    top:22%;
    background-color: black;
    color: white;
    padding: 4px;
    font-size: 2vw;
}