* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    margin: 0;
    padding: 0;
    touch-action: none;
}
:root {
    --skyColorLight: #6491C1;
    --skyColorLight: #7fcaed;
    --skyColorDark: #295591;
    --skyColorDark: #0079c9;
    --cloudColor: #eef3f4;
    --groundColor: #2b360d;
}
#header{
    background-clip: text;
    -webkit-background-clip: text;
}
h2 > a, a:visited, a{
    text-align: center;
    background-color: rgba(200, 255, 255, 0);
    background-clip: text;
    -webkit-background-clip: text;
    border-radius: .15em;
    padding-top: .2em;
    padding-left: .15em;
    padding-right: .15em;
    color: khaki;
    text-decoration: none;
}
a[href^="mailto:"], a[href^="tel:"] {
    font-size: 1em;
    font-family: Helvetica;
}
#header {
    color: whitesmoke;
    position: sticky;
    top: 30vh;
    text-align: center;
    width: 100vw;
    background: rgba(20,25,250,.69);

}
#footer{
    color: whitesmoke;
    position: fixed;
    top: 90vh;
    text-align: center;
    width: 100vw;
    background: rgba(200,25,25,.69);

}
#main_content {
   }
body {
    min-height: 100vh;
    background: linear-gradient(
        var(--skyColorLight) 15%,
        var(--skyColorDark) 55%,
        var(--groundColor) 55%,
        darkgreen);
}
#canvas_0 {
    z-index: -1;
    position: absolute;
    top: 0;
    left:0;
    width: 100vw;
    height: 100vh;
}