:root{
    --purple: #F1C5FF;
    --primary-background: ghostwhite;
}

.box{
    border-style: solid;
    border-width: 2px;
    border-color: black;
    border-radius: 10px;
    background-color: var(--primary-background);
}

.header-sub-header{
    background-color: var(--purple);
}

.opacity-100{
    opacity: 100%;
}

.opacity-80{
    opacity: 80%;
}

.opacity-30{
    opacity: 30%;
}

.minWidth{
    min-width: 600px;
}

.min-w-100 {
    min-width: 100px;
}

.min-h-100 {
    min-height: 100px;
}

.w-15{
    width: 15vw;
}

.w-60{
    width: 60vw;
}

.h-90{
    height: 90vh;;
}

.m-5{
    margin: 5px;
}

.p-5{
    padding: 5px;
}

.p-b-10{
    padding-bottom: 10vh;
}

.f-24
{
    font-size: 24px;
}

.background
{
    background-color: #1f1928;
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0h2v20H9V0zm25.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm-20 20l1.732 1-10 17.32-1.732-1 10-17.32zM58.16 4.134l1 1.732-17.32 10-1-1.732 17.32-10zm-40 40l1 1.732-17.32 10-1-1.732 17.32-10zM80 9v2H60V9h20zM20 69v2H0v-2h20zm79.32-55l-1 1.732-17.32-10L82 4l17.32 10zm-80 80l-1 1.732-17.32-10L2 84l17.32 10zm96.546-75.84l-1.732 1-10-17.32 1.732-1 10 17.32zm-100 100l-1.732 1-10-17.32 1.732-1 10 17.32zM38.16 24.134l1 1.732-17.32 10-1-1.732 17.32-10zM60 29v2H40v-2h20zm19.32 5l-1 1.732-17.32-10L62 24l17.32 10zm16.546 4.16l-1.732 1-10-17.32 1.732-1 10 17.32zM111 40h-2V20h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zM40 49v2H20v-2h20zm19.32 5l-1 1.732-17.32-10L42 44l17.32 10zm16.546 4.16l-1.732 1-10-17.32 1.732-1 10 17.32zM91 60h-2V40h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm24.026 3.294l1 1.732-17.32 10-1-1.732 17.32-10zM39.32 74l-1 1.732-17.32-10L22 64l17.32 10zm16.546 4.16l-1.732 1-10-17.32 1.732-1 10 17.32zM71 80h-2V60h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm24.026 3.294l1 1.732-17.32 10-1-1.732 17.32-10zM120 89v2h-20v-2h20zm-84.134 9.16l-1.732 1-10-17.32 1.732-1 10 17.32zM51 100h-2V80h2v20zm3.134.84l1.732 1-10 17.32-1.732-1 10-17.32zm24.026 3.294l1 1.732-17.32 10-1-1.732 17.32-10zM100 109v2H80v-2h20zm19.32 5l-1 1.732-17.32-10 1-1.732 17.32 10zM31 120h-2v-20h2v20z' fill='%23ccbbe7' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.projectBackground{
    background-image: url("../Assets/cogsSimple.gif");
    background-repeat: repeat;
}

.center{
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.text-center{
    text-align: center;
}

.flex{
    display:flex;
}

.align-right{
}