index.css

body {
    background-color: lightgray;
    font-family: sans-serif;
}
h1, h2, h3, h4, h5 {
    text-align: center;
    padding: 5%;
}
p {
    text-align: center;
}
#mainTitle {
    font-size: larger;
}
#mainContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#DescriptionContainer {
    background-color: lightgray;
    overflow: hidden;
    position: relative;
    padding-top: 2vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 2vh;
}
.bg {
    opacity: 0.1;
    position: absolute;
    left: 25%;
    top: 0%;
    width: 50%;
    height: auto;
}
.content {
    position: relative;
}
.coloredSection {
    background: #1A5D1A;
    background: linear-gradient(145deg, rgba(251, 171, 26, .90) 50%, rgba(26, 93, 26, .80) 50%);
    height: 60vh;
}
.navbar {
    padding: 0 0 4.5rem !important;
}

.navbar-brand {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem !important;
    font-weight: bold ;
    align-self: center;
  }

  .container-fluid {
    padding: 7% 15%;
  }

.navbar-expand-md {
    justify-content: center !important;
}

ul {
    list-style-type: none;
    text-align: center;
    padding-right: 5vw;
}
ul li {
    padding: 1vh 1vw;
}
footer {
    text-align: right;
    margin-top: auto;
    margin-right: 2vw;
}
#carouselIndicators2 {
    padding-left: 2vw;
    padding-right: 2vw;
}
.text {
    font-weight: 500;
    font-size: 1.1rem;
}

#pantherHacksDescr {
    padding-left: 5vw;
    padding-right: 5vw;
}

.textButton {
    font-weight: 500;
    font-size: 1.5rem;
}

#sponsorSection {
    padding-top: 7%;
    background-color: lightgray;
}

.sponsor {
    width: 10vw;
    margin-left: 5vw;
    margin-right: 5vw;
}

#mail {
    color: #1A5D1A;
}
#sponsorGridContainer {

    align-items: center;
    margin-right: 2vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 1fr;
    margin-bottom: 2vh;
    justify-items: center; 
    justify-content: center; 
    overflow:hidden;
}
.carousel-control-prev {
    height: 30vh;
}
.carousel-control-next {
    height: 30vh;
}
#headerLogo {
    font-size: 1vw !important;
}

.prizeSection {
    border-color: rgba(26, 93, 26);
    border-left: 10px solid rgba(251, 171, 26, .90);
    border-right: 10px solid rgba(251, 171, 26, .90);
    background-color: rgba(26, 93, 26, .70);
}

.image {
    height: 35vw;
    width: auto;
}
#minioImg {
    height: 20vh;
    width: auto;
    margin: 0;
}
#minioText {
    width: 10vw;
    height: auto;
    margin-left: 3vw;
}
#PinewoodSponsorLogo {
    height: auto;
    width: 30vw;
}

#iPadPrize {
    width: 40vw;
    height: auto;
}