* {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

body {
  background-color: #f2ebc0;
}

h1 {
  font-size: 5rem;
  color: #5c4b51;
  text-align: center;
  margin: 2px;
}

h2 {
  font-size: 4rem;
  color: #5c4b51;
  text-align: center;
  margin: 2px;
}

p {
  font-size: 1rem;
  font-weight: lighter;
  color: #5c4b51;
  text-align: justify;
  padding: 10px;
  text-align: center;
 
}

.button{
  border: 4px solid #5c4b51;
}

#profile-photo{
border-radius: 800px 800px 800px 800px;
height: 10rem;
width: 10rem;
border-width: 0.2rem;
border-color: #8CBEB2;
border-style: solid;
}


nav, footer{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: #5c4b51;
  padding: 0.5rem;
}

a:link{
 color:#F2EBBF;
 text-decoration: none;
}

a:visited{
 color: #F3B562;
}

a:hover{
 color:#8CBEB2;
}

.contact-details{
  color:#F2EBBF;
  margin: 0px;
}


/* 
https: //colordesigner.io/color-scheme-builder#5C4B51-8CBEB2-F2EBBF-F3B562-F06060
*/