body, html {
        font-family: "Open Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 480;
        font-style: normal;
        font-variation-settings:"wdth" 100;
        margin: 0;
        padding: 0;
        background: #f4f4f9;
        color: #333;
    }

    header {
        position: sticky;
        background: #333333;
        background-color: #FF6347;
        color: #fff;
        opacity: 0.95;
        top: 0;
    }
    nav {
        text-align: right;
    }
    nav a {
        color: #fff;
        text-decoration: none;
        margin:10px;
        font-weight: bold;
    }

    .sectionBlink {
        box-shadow: 0px 0px 0px 3px #FF6347;
        transition: box-shadow 0.6s linear;
    }
    #colLeft{
        animation: 1s ease-out 0s 1 slideInFromLeft;
    }
    #colRight{
        animation: 1s ease-out 0s 1 slideInFromRight;
    }
    section {
        min-width: 300px;
        margin: 15px;
        padding: 5px;
        background: white;   
        color: #333;    
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        transition: box-shadow 0.6s linear;
        overflow-wrap: normal;
        border-radius: 30px 0 30px 0;
    }

    .job-title {
        color: #FF6347;
        font-size: 16px;
    }

    footer {
        text-align: center;
        margin-top: 10px;
        padding: 10px 0;
        background-color: #FF6347;
        color: #fff;
        opacity: .9;

    }
    #logo {
        padding:10px
    }

    .hidden { display: none; }
    .visible { display: block; }

    .row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .column {
        display: flex;
        flex-direction: column;
        flex: 50%;
    }