/* CSS Document */
:root {
    --main-background:rgb(225,221,217);
    --main-color:rgba(30,26,22,.8);
    --translucent-color:rgba(8,4,0,.125);
    --very-translucent-color:rgba(8,4,0,.0625);
    --sannes-blue:#1b75bb;
}

body, html{
    overflow:hidden;
    background:var(--main-background);
}

svg {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    
    width:100vmin;
    height:100vmin;
}

path {
    fill:none;
    stroke:none;
    stroke-width:.75;
}

#shape1 path{
  stroke:url(#gradient);
}

button {
    position:absolute;
    right:1em;
    bottom:1em;
    -webkit-appearance: none;
    color:var(--main-color);
    background-color:transparent;
    border:none;
}