body {
     background-color: rgb(247, 241, 234);
     height: 100vh;
}

h1 {
     font-family: Sans, sans-serif;
     width: 1080px;
     color: rgb(3, 108, 36);
}

h2,
h3 {
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-weight: lighter;
     color: rgb(25, 167, 70);
}

p,
ul {
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-weight: 100;
     color: rgb(91, 118, 144);
     margin-top: 0;
}

a {
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     font-weight: 100;
     color: rgb(104, 5, 170);
     margin-top: 0;
}

.wrapper {
     width: 1080px;
     display: flex;
     flex-direction: row
}

.div1 {
     width: 50%;
     text-align: left;
}

.div2 {
     width: 50%;
     padding-right: 2%;
     padding-top: 0.6%;
     text-align: right;
}

.canvas-container {
     display: flex;
     width: 100%;
     height: 720px;
}

.description {
     width: 1080px;
     margin-top: 20px;
     font-size:1.2rem
}