@import url('https://fonts.googleapis.com/css2?family=Cairo+Play:wght@200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

* {
    box-sizing: border-box;
}

body, html {
    background-color:  rgb(43, 43, 43);
    color: white;
    height: 100%;
    width: 100%;
    margin: 0;
    font-family: "Cairo Play", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "slnt" 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cairo {
    font-family: "Cairo", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
        "slnt" 0;
}

.dash {
    height: 100%;
    width: 100%;
}

h3 {
    margin-top: 0;
    margin-bottom: 1%;
}


.white-outline {
    text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;  
}

.row {
    display: flex;
    height: 50%;
}

.column {
    padding: 5px;
    float: left;
    width: 50%;
}

.tile {
    background-color: rgb(29, 29, 29);
    border-radius: 10px 10px 10px 10px;
    text-align: center;
    padding: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

iframe {
    border-radius: 10px 10px 10px 10px;
    width: 100%;
    height: 100%;
}