.bold {
        font-weight: bold;
    }

    .italic {
        font-style: italic;
    }

    .fontColor1 {
        color:bisque
    }

    .fontColor2 {
        color:#100060
    }

    .fontColor3 {
        color:firebrick
    }

    .bgColor1 {
        background-color: darkgrey;
    }

    .bgColor2 {
        background-color: #2140ff
    }

    .bgColor3 {
        background-color:black;
    }

    .font1 {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .font2 {
        font-family: Arial, Helvetica, sans-serif;
    }

    .wrap {
        white-space: wrap
    }

    .noWrap {
        white-space: nowrap
    }

    .largeFont {
        font-size: large;
    }

    .extraLargeFont {
        font-size: x-large
    }

    .caps {
        text-transform: uppercase;
    }

    .fullscreen {
        width: 100vw;
        height: 100vh;  
    }

    .flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* Horizontal centering */
        align-items: top;     /* Vertical centering */


    }

    .center {
        justify-content: center; /* Horizontal centering */
        text-align: center;        
    }
    .paddedbox {
       flex: 1 1 400px; /* third number is the base width*/
        border: 5px solid black;
        padding: 2vw;
        margin: 2vw;       
        /* box-sizing: border-box; /* The padding now sits inside the specified size */
        border-radius: 15px; /* Adjust this value for roundness */
        overflow: hidden; /* Prevents children from poking through the rounded corners */
    }

    @media (min-width: 900px) {
        .middle { order: 2; } /* Move to center */
        .left   { order: 1; } /* Move to far left */
        .right  { order: 3; } /* Move to far right */
    }

    a {
    text-decoration: none;
    }

    .shadow{
        /*text-shadow: [h-offset] [v-offset] [blur-radius] [color];*/
        text-shadow: 2px 2px 4px #000000;
    }

    .shadow2{
        /*text-shadow: [h-offset] [v-offset] [blur-radius] [color];*/
        text-shadow: 1px 1px 0px #000000;
    }