body {
        font-family: 'Montserrat', sans-serif;
        font-size: 1.7
}

.canvas-container {
        /* width: 100%; */
        text-align:center;
}


.canvas-container canvas {
        position:relative;
        z-index:0;
        /* min-height:100%; */
        text-align:center;
        margin:auto;
        width: auto;
        max-width: 100%;
        /* border: 2px solid; */
        /* transform:translateX(calc(-1*(100% - 100vw)/2)); */
}

.top-container {
        display: flex;
        justify-content: space-between;
}

.all-container {
        width: 600px;
        max-width:100%;
        /* min-width:10%; */
        text-align:center;
        margin:auto;
}


.hide {
  opacity: 0;
  transition: 0.3s;
}

.hide:hover {
  opacity: 1;
}


a:link { text-decoration: none; color : #333333}


a:visited { text-decoration: none; color : #333333}


a:hover { text-decoration: none; }


a:active { text-decoration: none; color: #1E90FF}

canvas {
        display: inline;
}