html, body {
   background-color: #4c375c;
   font-family: sans-serif;
   line-height: 1.5;
   font-size: 100%;
   font-style: normal;
   color: #000;
}

body {
   padding: 0px;
   margin: 25px;
   display: flex;
   flex-direction: column;
   height: 100vh - 10px;
   align-items: center;
}


.homeButton {
   padding: 10px;
   background-color: #4c375c;
   border-style: solid;
   border-width: thin;
   border-color: #c43cd6;
   color: #c43cd6;
   font-size: 10px;
   text-align: center;
   display: inline-block;
   text-decoration: none;
}

.homeButton:hover {
   background-color: #c43cd6;
   color: #fff;
   border-color: #c43cd6;
   text-decoration: none;
}

.homeButton:active, .homeButton:visited {
   text-decoration: none;
}

.windowContainer {
   margin: 25px;
   display: flex;
   flex-direction: column;
   min-width: 100px;
   max-width: 700px;
   min-height: 100px;
   box-shadow: -10px 15px #3c224f;
}

.windowContent {
 padding: 5px;
 background-color: #d9acfc;
 min-height: 100px;
 border-style: solid;
 border-color: #000;
}