:root {
    --font-default: Arial, sans-serif;
    --color-bg:#ffffff;
    --color-text:#333333;
    --color-link:#55afe2;
    --gradient-normal:linear-gradient(0deg,var(--color-link) 0%, var(--color-bg) 100%);
}

html, body {
    background-color:var(--color-bg);
    color:var(--color-text);
    font-family:Arial, sans-serif;
    margin: 0;
    padding: 0;
}

p {
    color: var(--color-text);
    font-size:1em;
    line-height:1.4em;
}

a {
    color: var(--color-link);
}

.limited-width {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}


.footer {
    position:relative;
    width:100%;
    display:flex;
    justify-content:center;

    background-color: var(--color-text);
    color: var(--color-bg);
}
.footer .columns {
    display: flex;
    justify-content: space-around;
    width: calc(100% - 40px);
    padding: 20px 0;
}
.footer p {
    color: var(--color-bg);
}

/* Goole Maps Embed */
.google-maps-embed {
    width:100%;
    height:400px;
}
.google-maps-embed iframe {
    width:100%;
    height:100%;
}

/* Form */
form {
    display:flex;
    flex-flow:column nowrap;
    gap:10px;
    margin:0px 0px 20px 0px;
}
form input, form textarea {
    font-family:var(--font-default);
    margin:0px 0px 0px 0px;
    padding:15px;
}
form input[type="submit"] {
    max-width:150px;
    text-transform:uppercase;
    font-weight:bold;
    cursor:pointer;
}

/* Render Canvas */

#renderCanvas {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    cursor:grab;
    outline:none;
    
}
.rendercanvas {
    position:relative;
}
.aspect-16-10 {
    position:relative;
    width:100%;
    padding-top:65.2%;
    background:var(--gradient-normal);
}