body{
  background-color: #F5F5F5;
  font-family: 'Lora';
}

nav{
  display: flex;
  justify-content: center;
  height: 30px;
}
nav a{
  margin-right: 20px;
  color: black;
}
nav a:hover{
  border: 1px solid;
  border-radius: 8px;
  padding: 5px;
}
.active{
  font-weight: bold;
  border: 1px solid;
  border-radius: 8px;
  padding: 5px;
}

.page-name{
  border: 1px solid;
  text-align: center;
  padding: 2px;
  background-color: white;
  border-radius: 8px;
  font-family: 'PlayFair Display SC';
}

.main-container{
  background-color: white;
  margin-right: 200px;
  margin-left: 200px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
}

.home-welcome-container{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.right-side img{
  width: 300px;
}

.motto{
  text-align: center;
}

.call-to-action-container{
  background-color: #F5F5F5;
  width: 450px;
  padding-top: 1px;
  padding-bottom: 5px;
  border-radius: 12px;
}

a{
  text-decoration: none;
}

button{
  display: block;
  height: 48px;
  width: 400px;
  background-color: black;
  color: white;
  border-radius: 12px;
  margin-top: 20px;
  margin-left: 25px;
  border: none;
}

button:hover{
  background: rgba(1, 1, 1, 0.8);
}

a img{
  width: 45px;
}

.home-icons a:hover{
  background-color: rgba(1, 1, 1, 0.05);
}

.home-icons{
  display: flex;
  justify-content: space-evenly;
  margin-top: 10px;
}

.title{
  border: 1px solid;
  display: inline;
  padding: 2px;
  background-color: white;
  border-radius: 8px;
  font-family: 'PlayFair Display SC';
}

.about-container p{
  background-color: #F5F5F5;
  padding: 10px;
  border-radius: 12px;
}

.skills-info{
  background-color: #F5F5F5;
  border-radius: 12px;
  margin-top: 10px;
  margin-bottom: 50px;
}

.row1, .row2{
  display: flex;
  justify-content: space-evenly;
  text-align: center;
}

.row1 p,.row2 p{
  margin-top: -10px;
}

.skills-container{
  margin-bottom: -30px;
}

.bottom-line{
  margin-bottom: 20px;
}