header,
    nav,
    main,
    footer {
        max-width: 55vh;
        margin: 0 auto;
    }
    body {
        margin: 0;
        color: white;
    }
    * {
        box-sizing: border-box;
    }
    a {
        text-decoration: none;
    }
    body {
        background: url(images/alpine_ui_workshop_bg%201.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .gay {
        box-shadow: 0px 0px 10px 10px black;
        margin: auto;
        position: fixed;
        right: 0;
        left: 0;
        height: 100%;
        width: 55vh;
    }
    /*---------------------------------------*/
    
    body {
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
    }
    body::-webkit-scrollbar {
        display: none;
        /* Scrollbar Hidden On Chrome/ & Safari & Opera */
    }
    /*---------------------------------------*/
    
    .upperframe {
        font-family: "Roboto", sans-serif;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 5;
    }
    .topframe {
        display: block;
        margin: auto;
        width: 55vh;
        z-index: 5;
    }
    .inboxnav {
        position: fixed;
        top: 7vh;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 2;
    }
    /*---------------------------------------*/
    
    .lowerframe {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 5;
    }
    .bottomframe {
        display: block;
        margin: auto;
        width: 55vh;
        z-index: 5;
    }
    /*---------------------------------------*/
    
    .checkimg {
        display: block;
        margin: auto;
        width: 55vh;
        position: fixed;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: -4;
        opacity: 90%;
    }
    .bloodimg {
        display: block;
        margin: auto;
        width: 55vh;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: -3;
    }
    .blacktear {
        opacity: 75%;
        display: block;
        margin: auto;
        width: 55vh;
        height: 80%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -2;
    }
    /*---------------------------------------*/
    
    .inboxtitle {
        font-family: "Roboto", sans-serif;
        font-size: 3vh;
        text-align: center;
        color: white;
        margin: 0;
    }
    .inboxselect {
        font-family: "Roboto", sans-serif;
        font-size: 2vh;
        text-align: center;
        color: white;
        margin: 3vh;
    }
    .inboxselect a {
        background-color: #041e28;
        padding-left: 2vh;
        padding-right: 2vh;
        padding-top: 1.25vh;
        padding-bottom: 1.25vh;
        border-radius: 1.5vh;
        opacity: 88%;
        color: white;
        text-decoration: none;
    }
    .inboxselect i {
        padding-left: 1.5vh;
    }
    #bluearrow {
        color: #41a6f0;
    }
    /*---------------------------------------*/
    
    .esender {
        font-size: 1.4vh;
        color: lightgray;
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
    }
    .etitle {
        margin-top: .5vh;
        font-size: 1.8vh;
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
    }
    .edate {
        font-size: 1.5vh;
        text-align: right;
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
    }
    .emailicon {
        margin: 2.5vh;
        width: 4.5vh;
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
    }
    .trashicon {
        margin-right: 1vh;
        margin-bottom: 20vh;
        width: 5vh;
    }
    /*---------------------------------------*/
    
    .infoicon {
        margin: 2.5vh;
        width: 4.5vh;
        margin-right: 0;
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
    }
    .infotitle {
        font-size: 1.8vh;
        text-align: center;
        margin-bottom: 0.7vh;
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
    }
    .infobox {
        height: 8vhl
    }
    /*---------------------------------------*/
    
    .esender::-webkit-scrollbar {
        display: none;
        /* Scrollbar Hidden On Chrome/ & Safari & Opera */
    }
    .etitle::-webkit-scrollbar {
        display: none;
        /* Scrollbar Hidden On Chrome/ & Safari & Opera */
    }
    .edate::-webkit-scrollbar {
        display: none;
        /* Scrollbar Hidden On Chrome/ & Safari & Opera */
    }
    .emailicon::-webkit-scrollbar {
        display: none;
        /* Scrollbar Hidden On Chrome/ & Safari & Opera */
    }
    /*---------------------------------------*/
    
    header {
        display: flex;
        align-items: flex-end;
        background-color: #00152e;
        width: 50vh;
        height: 10vh;
        border: solid #0d3249 .3vh;
        font-family: "Roboto", sans-serif;
        border-radius: 1.5vh;
        margin-top: .5vh;
    }
    header div {
        vertical-align: center;
        padding-bottom: 5px;
        width: 39vh
    }
    header p,
    h1 {
        margin: 0;
        color: white;
        letter-spacing: .5px;
    }
    .emailsarea {
        height: 70vh;
        margin-top: 23vh;
        overflow: auto;
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
    }
    .emailsarea::-webkit-scrollbar {
        display: none;
        /* Scrollbar Hidden On Chrome/ & Safari & Opera */
    }
    .countclock {
        overflow: auto;
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
    }
    .emailsarea::-webkit-scrollbar {
        display: none;
        /* Scrollbar Hidden On Chrome/ & Safari & Opera */
    }
    /*---------------------------------------*/
    
    .navimage {
        display: block;
        margin: auto;
        position: fixed;
        right: 0;
        left: 0;
        top: 19vh;
        z-index: -3;
        width: 45vh;
        height: 40vh;
    }
    .navtextbox {
        left: 0;
        right: 0;
        text-align: center;
        font-family: "Roboto", sans-serif;
        position: fixed;
        z-index: 3;
    }
    #navigation {
        display: none;
    }
    .sortby {
        color: darkgray;
        font-size: 2vh;
        margin: 0;
    }
    .divider {
        width: 40vh;
    }
    .navlist {
        color: white;
        font-size: 2vh;
    }
    .navlistall {
        color: white;
        font-size: 2vh;
    }
    .navlistall:hover {
        cursor: not-allowed;
    }
    .naventries p {
        margin-top: 3vh;
        font-size: 1.5vh;
    }
    /*---------------------------------------*/
    
    .emailblack {
        background-color: #010d17;
        display: block;
        margin: auto;
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        z-index: 2;
        width: 55vh;
        height: 17vh;
    }
    .arrowicon {
        margin: 2.5vh;
        width: 2.75vh;
        margin-top: 10vh;
    }
    .emailgray {
        background-color: #1a1a23;
        display: block;
        margin: auto;
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        width: 55vh;
        height: 83vh;
        overflow: auto;
        -ms-overflow-style: none;
        /* Scrollbar Hidden On IE & Edge */
        scrollbar-width: none;
        /* Scrollbar Hidden on Firefox*/
        font-family: "Roboto", sans-serif;
    }
    .emailgray::-webkit-scrollbar {
        display: none;
        /* Scrollbar Hidden On Chrome/ & Safari & Opera */
    }
    /*---------------------------------------*/
    
    .emailgray p {
        margin-left: 3vh;
        margin-right: 3vh;
    }
    .emaildate {
        color: gray;
        font-size: 1.75vh;
        margin-bottom: 0;
    }
    .emailtitle {
        font-size: 2.25vh;
        margin-top: 1vh;
        margin-bottom: 1vh;
        color: #4da4da;
    }
    .emailfrom {
        font-size: 1.75vh;
        margin: 0;
    }
    .emailcontent {
        font-size: 1.6vh;
        margin-top: 4vh;
        margin-top: 0;
    }
    .me {
        color: gray;
        margin-left: 1.5vh;
    }
    .you {
        margin-left: 1.5vh;
    }
    /*---------------------------------------*/
    
    .icon1 {
        height: 4vh;
        margin: 3vh;
    }
    .icon2 {
        height: 4vh;
        margin: 3vh;
    }
    .icon3 {
        height: 4vh;
        margin: 3vh;
        margin-right: 3.5vh;
        margin-bottom: 4.5vh;
    }
    .icon4 {
        height: 5vh;
        margin: 3vh;
        margin-bottom: 2.5vh;
    }
    .icon5 {
        height: 4vh;
        margin: 3vh;
    }
    .iconlist {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 5;
    }
    /*---------------------------------------*/
    
    .uppericons {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin-right: 45.5vh;
        text-align: center;
        z-index: 5;
    }
    .avataricon {
        width: 6.5vh;
        margin-top: .25vh;
    }
    .stk {
        text-align: left;
        margin: 0;
        margin-top: .5vh;
        font-size: 2vh;
    }
    .maxstk {
        color: #a7bfd6;
        text-align: left;
        margin: 0;
        font-size: 1.5vh;
    }
    .thistext {
        width: 37.5vh;
        display: block;
        margin: auto;
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
    }
    .thestats {
        width: 55vh;
        margin: auto;
        position: fixed;
        right: 0;
        left: 0;
        top: 1.3vh;
        text-align: right;
        margin-bottom: 5vh;
        font-size: 2vh;
    }
    .num1 {
        margin-right: 4.9vh;
    }
    .num2 {
        margin-right: 4.8vh;
    }
    .num3 {
        margin-right: 4.9vh;
    }
    /*---------------------------------------*/
    
    .theicons {
        width: 55vh;
        margin: auto;
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        text-align: right;
        font-size: 2vh;
        z-index: 9;
    }
    .remicon {
        width: 3.5vh;
        margin: .35vh;
        margin-top: .5vh;
        margin-right: 6vh;
    }
    .notrem {
        width: 3vh;
        margin: .35vh;
        margin-top: .2vh;
        margin-right: 6vh;
    }
    .gear {
        width: 3vh;
        margin: .35vh;
        margin-top: .2vh;
        margin-right: 1vh;
    }
    /*---------------------------------------*/
    
    .countup {
        text-align: center;
        height: 5.75vh;
        width: 50vh;
        right: 0;
        left: 0;
        font-family: "Roboto", sans-serif;
        font-size: 1.75vh
    }
    .countup .timeel {
        display: inline-block;
        color: white;
        min-width: 4vh;
    }
    .countup span[class*="timeRef"] {
        color: white;
    }
    /*---------------------------------------*/
    
    #emailA1 {
        display: none;
    }
    #emailA2 {
        display: none;
    }
    #emailA3 {
        display: none;
    }
    #emailA4 {
        display: none;
    }
    #emailA5 {
        display: none;
    }
    #emailA6 {
        display: none;
    }
    #emailA7 {
        display: none;
    }
    #emailA8 {
        display: none;
    }
    #emailA9 {
        display: none;
    }
    #emailA10 {
        display: none;
    }
    #emailA11 {
        display: none;
    }
    #emailA12 {
        display: none;
    }
    #emailA13 {
        display: none;
    }
    #emailA14 {
        display: none;
    }
    #emailA15 {
        display: none;
    }
    #emailA16 {
        display: none;
    }
    #emailA17 {
        display: none;
    }
    #emailA18 {
        display: none;
    }
    #emailA19 {
        display: none;
    }
    #emailA20 {
        display: none;
    }
    #emailA21 {
        display: none;
    }
    #emailA22 {
        display: none;
    }
    #emailA23 {
        display: none;
    }
    #emailA24 {
        display: none;
    }
    #emailA25 {
        display: none;
    }
    #emailA26 {
        display: none;
    }
    #emailA27 {
        display: none;
    }
    #emailA28 {
        display: none;
    }
    #emailA29 {
        display: none;
    }
    #emailA30 {
        display: none;
    }
    #emailA31 {
        display: none;
    }
    #emailA32 {
        display: none;
    }
    #emailA33 {
        display: none;
    }
    #emailA34 {
        display: none;
    }
    #emailA35 {
        display: none;
    }
    #emailA36 {
        display: none;
    }
    #emailA37 {
        display: none;
    }
    #emailA38 {
        display: none;
    }
    #emailA39 {
        display: none;
    }
    #emailA40 {
        display: none;
    }
    #emailA41 {
        display: none;
    }
    #emailA42 {
        display: none;
    }
    #emailA43 {
        display: none;
    }
    #emailA44 {
        display: none;
    }
    #emailA45 {
        display: none;
    }
    #emailA46 {
        display: none;
    }
    #emailA47 {
        display: none;
    }
    #emailA48 {
        display: none;
    }
    #emailA49 {
        display: none;
    }
    #emailA50 {
        display: none;
    }
    #emailA51 {
        display: none;
    }
    #emailA52 {
        display: none;
    }
    #emailA53 {
        display: none;
    }
    #emailA54 {
        display: none;
    }
    #emailA55 {
        display: none;
    }
    #emailA56 {
        display: none;
    }
    #emailA57 {
        display: none;
    }
    #emailA58 {
        display: none;
    }
    #emailA59 {
        display: none;
    }
    #emailA60 {
        display: none;
    }
    #emailA61 {
        display: none;
    }
    #emailA62 {
        display: none;
    }
    #emailA63 {
        display: none;
    }
    #emailA64 {
        display: none;
    }
    #emailA65 {
        display: none;
    }
    #emailA66 {
        display: none;
    }
    #emailA67 {
        display: none;
    }
    #emailA68 {
        display: none;
    }
    #emailA69 {
        display: none;
    }
    /*---------------------------------------*/
    
    #emailB1 {
        display: none;
    }
    #emailB2 {
        display: none;
    }
    #emailB3 {
        display: none;
    }
    #emailB4 {
        display: none;
    }
    #emailB5 {
        display: none;
    }
    #emailB6 {
        display: none;
    }
    #emailB7 {
        display: none;
    }
    #emailB8 {
        display: none;
    }
    #emailB9 {
        display: none;
    }
    #emailB10 {
        display: none;
    }
    #emailB11 {
        display: none;
    }
    #emailB12 {
        display: none;
    }
    #emailB13 {
        display: none;
    }
    #emailB14 {
        display: none;
    }
    #emailB15 {
        display: none;
    }
    #emailB16 {
        display: none;
    }
    #emailB17 {
        display: none;
    }
    #emailB18 {
        display: none;
    }
    #emailB19 {
        display: none;
    }
    #emailB20 {
        display: none;
    }
    #emailB21 {
        display: none;
    }
    #emailB22 {
        display: none;
    }
    #emailB23 {
        display: none;
    }
    #emailB24 {
        display: none;
    }
    #emailB25 {
        display: none;
    }
    #emailB26 {
        display: none;
    }
    #emailB27 {
        display: none;
    }
    #emailB28 {
        display: none;
    }
    #emailB29 {
        display: none;
    }
    #emailB31 {
        display: none;
    }
    #emailB32 {
        display: none;
    }
    #emailB33 {
        display: none;
    }
    /*---------------------------------------*/
    
    #emailC1 {
        display: none;
    }
    #emailC2 {
        display: none;
    }
    #emailC3 {
        display: none;
    }
    #emailC4 {
        display: none;
    }
    #emailC5 {
        display: none;
    }
    #emailC6 {
        display: none;
    }
    #emailC7 {
        display: none;
    }
    #emailC8 {
        display: none;
    }
    #emailC9 {
        display: none;
    }
    #emailC10 {
        display: none;
    }
    #emailC11 {
        display: none;
    }
    #emailC12 {
        display: none;
    }
    #emailC13 {
        display: none;
    }
    #emailC14 {
        display: none;
    }
    #emailC15 {
        display: none;
    }
    #emailC16 {
        display: none;
    }
    #emailC17 {
        display: none;
    }
    #emailC18 {
        display: none;
    }
    #emailC19 {
        display: none;
    }
    #emailC20 {
        display: none;
    }
    /*---------------------------------------*/
    
    #emailD1 {
        display: none;
    }
    #emailD2 {
        display: none;
    }
    #emailD3 {
        display: none;
    }
    #emailD4 {
        display: none;
    }
    #emailD5 {
        display: none;
    }
    #emailD6 {
        display: none;
    }
    #emailD7 {
        display: none;
    }
    #emailD8 {
        display: none;
    }
    #emailD9 {
        display: none;
    }
    #emailD0 {
        display: none;
    }
    #emailD11 {
        display: none;
    }
    #emailD12 {
        display: none;
    }
    #emailD13 {
        display: none;
    }
    #emailD14 {
        display: none;
    }
    #emailD15 {
        display: none;
    }
    #emailD16 {
        display: none;
    }
    #emailD17 {
        display: none;
    }
    #emailD18 {
        display: none;
    }
    #emailD19 {
        display: none;
    }
    #emailD20 {
        display: none;
    }