html {
     background-color:rgb(36, 28, 28);
     color: darkseagreen;
     font-family: "Roboto", 'Courier New', Courier, monospace;
     margin-left: 20vw;
     margin-right: 20vw;
}
h1 {
     text-align: center;
     margin-top: 10vh;
     font-weight: 15px;
     font-size: 1.5vw;
}
h2 {
     text-align: center;
     margin-top: 5vh;
     font-weight: 12px;
     font-size: 1.2vw;
}

p {
     margin-top: 5vh;
     font-weight: 4px;
     font-size: 0.9vw;
}

@font-face {
     font-family: "Roboto";
     src: url("Roboto-Regular.ttf");
}

.swap {
     background-color: darkseagreen; 
     color: rgb(36, 28, 28);
}

.imageclass {
     text-align: center;
}
img {
     width: 45%;
}