main.css

body, html {
    height: 100%;
    width: 100%;
    margin: 0;
}

#Title {
    text-align: center;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(20, 20, 20);
    font-size: 9vh;
}

.bannerImg {
    background-image: linear-gradient(rgba(50, 50, 50, 0.5), rgba(255, 255, 255, 1)), url("homeImgBanner.jpg");
    height: 40%;
    background-size: cover;
    position: relative;
}

.links {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7mm;
    display: block;
    margin-bottom: 8mm;
    color: rgb(33, 83, 221);
}

#Heading {
    text-align: center;
    font-size: 12mm;
    font-family: Arial, Helvetica, sans-serif;
}

#lastPadd {
    margin-bottom: 18mm;
}