html, body {
    height:100%;
    width:100%;
    margin:0;
    background: #89CFF0;
}
.parent_div {
    width:95%;
    height:auto;
    background:linear-gradient(180deg, #ffffff 0%, whitesmoke); /* Green instead of whitesmoke looks good :) */
    margin:auto;
    display:flex;
    flex:1;
    justify-content: center;
} 
/* Fix scaling issues from here, down */


.right_container {
    width:70%;
    /*display: inline-block; margin-right:0px;*/
    /*border: 1px dashed green;*/       /* remove borders later, they cause small scaling issues :) */
    vertical-align: top; 
    margin-right:2.5%;
}

.left_container {
    width:25%;
    /*display: inline-block;*/
    /*border: 1px dashed red;*/         /* remove borders later, they cause small scaling issues :) */
    vertical-align: top;
    flex:1;
    text-align:center;
}

.left_container img {
    width:90%;
    padding-top:5%;
    height:auto;
}
.left_container h1 {
    font-size:115%;
}
.left_container p {
    font-size:2vh;
}

.right_container h1 {
    font-size:3vh;
}
.right_container i {
    font-size:1.5vh;
}



.card {
    width:99%;
    height:auto;
    background-color:lightgray;
    border-radius:10px;
    margin:1%;
    overflow-x:scroll;
}
.card p {
    padding:2.5%;
    font-size:2vh;
    margin:1%;
}
.card a {
    padding:2.5%;
    font-size:2vh;
    margin:1%;
    color:blue;
}
.card h2 {
    font-size:3vh;
    margin:1%;
}

.sub_card {
    width:350px;
    margin-left:1%;
    background-color:#f5941e;
    border-radius:10px;
    vertical-align:top;
    height:auto;
    display:inline-block;
    cursor:help;
    margin-bottom:5%;
}
.sub_card:hover {
    box-shadow: 1px 1px 10px ;
}
.sub_card h2 {
    padding:3%;
    font-size:2vw;
}
.sub_card h3 {
    padding:3% 3% 0% 3%;
    font-size:120%;
    overflow-wrap:break-word;
}
.sub_card p {
    padding:0% 3% 3% 3%;
    font-size:100%;
    overflow-wrap: break-word; 
}
.sub_card a {
    padding:0% 3% 3% 3%;
    font-size:100%;
    overflow-wrap: break-word; 
    color:blue;
}
.sub_card img {
    border-radius:10px;
    width:100%;
    height:auto;
}

.big_button {
    width:75%;
    height:auto;
    background-color:lightgray;
    border-radius:6px;
    padding:1%;
    margin:2%;
    font-size:75%;
}

.ticker{font-family:var(--mono);color:#7a7a7a;overflow:hidden;white-space:nowrap; padding-top:1%; padding-bottom:1%;}
.ticker span{display:inline-block;padding-left:100%;animation:scroll 14s linear infinite}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}