@font-face {
    font-family: 'Hyperwave';
    src: url('./fonts/Hyperwave.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

.full {
    width: 100%;
    max-width: 90vw;
}

.hero {
    min-height: 40vh;
}

.videos {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.videos {
    margin-top: 10vh;
}

.videos .video-wrapper:nth-child(1) {
    margin-right: 6rem;
}

.videos .video-wrapper:nth-child(2) {
    margin-top: 5.5rem;
}


/* .videos div:nth-child(1) {
    align-self: flex-start;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

/*.videos div:nth-child(2) {
    align-self: flex-start;
}*/

.videos {
    min-height: 30vh;
}

.accordian {
    min-width: 66.66%;
    color: var(--color-kb-card);
    background-color: var(--color-card-background);
    border-radius: 1.25rem;
    border: solid 0.125rem var(--color-kb-card);
    transition: box-shadow 0.65s ease;
    box-shadow: 1rem 1rem 0px 0px var(--color-quarter);
    font-size: 2.5rem;
}

.accordian {
 
}

.project-card {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 1.25rem;
    transition: box-shadow 0.65s ease;
    box-shadow: 2rem 2rem 0px 0px var(--color-tertiary);
    font-size: 2.5rem;
    background-color: white;
    color: var(--color-charcoal);
    border: solid 0.125rem black;
    max-width: 75rem;
}

.project-card:hover, .project-card.float {
    box-shadow: 3rem 3rem 0px 0px var(--color-tertiary);
}

.p-header {
    font-size: 3rem;
    margin: 2.063rem 2.813rem 0rem 2rem;
}

.p-body {
    margin: 1rem 2.813rem 2.063rem 2rem;
}

.socials {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin: 4rem 2rem;
}

.give {
    font-size: 2.75rem;
    padding: 1.5rem;
    

}

.give:hover {
    cursor: pointer;
    box-shadow: none;
}

.socials img {
    max-width: 4rem;
}

.hero-btn {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 30vh;
}

.hero-btn div {
    margin-right: 8rem;
}

.btn.cool.med {
    font-size: 3.5rem;
    padding: 2rem;
    font-family: 'Edo', sans-serif;
    color: var(--color-shadow-color);
}

.give:hover {
    background-color: var(--color-tertiary);
    color : black;
    cursor: pointer;
    box-shadow: none;
}

.edo {
    font-family: 'Edo', sans-serif;
}

.p-images {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
}

.p-images img {
    width: 40rem;
    margin: 5rem 2rem 2rem 0rem;
    border-radius: 1.25rem;
    outline: solid 1.5rem white;
}

#front-door-head {
    margin-bottom: 0;
    padding-bottom: 0;
}

.p-header-img {
 max-width: 75rem;
 border-radius: 1.25rem 1.25rem 0 0;

}

.news {
    margin-top: 10vh;
}


.img-hug {
    margin-top: -15rem;
}

.hundy {
    width: 95%;
}

.none {
    display: none;
}

#edtech {
    background-color: #343434;
}

#circleit {
    background-color: rgb(1,57,70);
}

#ed {
    border-radius: 1rem;
}

#ed {
    box-shadow: inset 0 0 0 0.5rem white;
}

.boxer {
    text-shadow: 0.25rem 0.25rem 0.25rem var(--color-tertiary);
}

.indent {
    margin-left: 2rem;
}


.hyperwave {
    font-family: "Hyperwave" sans-serif;
}

.center {
    text-align: center;
    width: 95%;
}


.sidescroll {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.project-card {
    margin-right: 20rem;
    margin-bottom: 10rem;
}

.raleway {
    font-family: 'Raleway', sans-serif;
}

.anton {
    font-family: 'Anton', sans-serif;
}

.green {
    color: var(--color-tertiary);
}

.bebas {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 200;
}