/* comments */

body {
  background-color: #100f0f;
  color: white;
  }

h1 {
  font-family: "Garamond", serif;
  }

p {
  font-family: "Verdana", sans-serif;
  }

ul {
  font-family: "Verdana", sans-serif;
  }

.container {
  border-width: 5px;
  border-style: solid;
  border-color: #2a2727;
  border-radius: 20px;
  
  background-color: #100f0f;
  height: auto;
  display: flex;
  
  margin: auto;
  margin-top: 20px;
  
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
.fixed-width{
  width: 24%;
  background-color: #000000;
  padding: 20px;
}

.flex-width{
  flex-grow: 1;
  background-color: #333333;
  padding: 20px;
}

.icon{
  background: none;
  width: 64px;
  height: 64px;
}

.icon:hover{
  background: #000000;
}