@import "reset.css";

body {
    background-color:rgb(223, 240, 255);
}
#navbar {
    display:flex;
    background-color:rgb(61, 95, 143);
    justify-content: center;
}
#title {
    text-align:center;
    font-size:48pt;
    padding:35px;
    background-color:rgb(95, 136, 194);
    color:white;
}
#navbar > a {
    font-size:24pt;
    padding:30px;
    background-color:rgb(193, 229, 244);
    padding-left:auto;
    padding-right:auto;
    text-decoration:none;
    margin:5px;
    color:blue;
}
#navbar > a:hover {
    background-color:rgb(244, 217, 176);
    color:rgb(103, 64, 43)
}
.pageheading {
    text-align:center;
    font-size:36pt;
    margin:20px;
}
#homeimage {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:30vw;
}
.homepara {
    margin:30px;
    margin-left:20vw;
    margin-right:20vw;
    font-size:30pt;
}
footer > p {
    padding:20px;
    font-size:24pt;
    text-align: center;
    background-color:rgb(95, 136, 194);
    color:white;
}
.probflex {
    display:flex;
}
.probflex > div {
    width:60vw;
}
.probimg {
    width:40vw;
}
#middleimg {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.probflex > div > h2 {
    text-align:center;
    margin:20px;
    font-size:42pt;
}
.probflex > div > p {
    font-size:26pt;
    margin:15px;
}
#middletitle {
    text-align:center;
    margin:20px;
    font-size:42pt;
}
#middletext {
    font-size:26pt;
    margin:15px;
    width:45vw;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:45px;
}
#appflex, #appflex2 {
    display:flex;
}
#apptitle {
    font-size:48pt;
    text-align:center;
    margin:10px;
}
#appflex > img {
    width:15vw;
}
#appflex {
    width:60vw;
    margin-left:auto;
    margin-right:auto;
    padding:30px;
    background-color:rgb(191, 222, 255);
}
#appflex > p {
    font-size:28pt;
    margin:10px;
}
#appflex2 > div > h2 {
    font-size:38pt;
    text-align:center;
    margin-bottom:20px;
}
#appflex2 > div > p {
    font-size:28pt;
}
#appflex2 {
    justify-content: space-around;
}
#appflex2 > div {
    padding:30px;   
}
#borderright {
    border-right:solid;
}
#appimg {
    width:45vw;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
#apptitle2 {
    text-align:center;
    font-size:38pt;
    margin:20px;
}
#apptext {
    font-size:24pt;
    margin:30px;
    margin-left:150px;
    margin-right:150px;
}
#donatetitle {
    font-size:48pt;
    text-align:center;
    padding:20px;
}
#donateimg {
    width:40vw;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
#contactform {
    display:flex;
    flex-direction:column;
    padding:30px;
    padding-left:150px;
    padding-right:150px;
    background-color:rgb(162, 203, 247)
}
label {
    font-size:24pt;
    margin-top:20px;
}
input {
    height:30px;
    font-size:16pt;
}
#submit {
    width:200px;
    height:50px;
    margin-left:auto;
    margin-right:auto;
}
#donateflex {
    display:flex;
    justify-content: center;
}
#donateflex > div > img {
    width:10vw;
    display:block;
    margin:20px;
}
#donateflex > p {
    font-size:30pt;
    margin:50px;
}
body {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}