*{
    margin: 0;
    padding: 0;
}

.main{
    position: absolute;
    top: auto;
    left: auto;
    transform: translate(30%);
   
}

h1{
    margin:0;
    text-align: center;
    color: olive;
    
}
.top, .bottom{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px 0 ;

}

.top>.block{
    margin: 10px;
}
.bottom>button{
    margin: 10px;
}
.block > p{
    margin: 10px auto;
    width: 50%;

}

.block, input, select, button{
    width: 80%;
}

#myCanvas{
    border: 2px solid black;
}