body {
  background: #5865F2;
}



* {
  font-family: sans-serif;
  color: white;
  transition: 0.3s;
}

a { 
    text-decoration: none;
}



::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: white; 
}
 
::-webkit-scrollbar-thumb {
  background: #99aab5; 
}

::-webkit-scrollbar-thumb:hover {
  background: #99aab5; 
}

#profile {
  width: 70%;
  margin: 2.5% 15% 2.5% 15%;
  background: #2c2f33;  
  border-radius: 20px;
}

#profile:hover {
  opacity: 0.7;
}

#info {
  width: 66%;
  margin: 2.5% 15% 2.5% 15%;
  background: #2c2f33;  
  border-radius: 20px;
  padding: 2%;
}

#info:hover {
  opacity: 0.7;
}

#info h2 {
  text-align: center;
}

#paths {
  width: 66%;
  margin: 2.5% 15% 2.5% 15%;
  background: #2c2f33;  
  border-radius: 20px;
  padding: 2%;
}

#paths h3 {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  
}

#paths h3:hover {
  cursor: pointer;
  opacity: 0.8;
  background: #23272a;
}


#links {
  width: 66%;
  margin: 2.5% 15% 2.5% 15%;
  background: #2c2f33;  
  border-radius: 20px;
  padding: 2%;
}

#links h2 {
  text-align: center;
}

#links h3 {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  
}

#links h3:hover {
  cursor: pointer;
  opacity: 0.8;
  background: #23272a;
}

#profile img {
  width: 20%;
  height: 20%;
  margin: 5%;
  border-radius: 20px;
}

#profile h1 {
  float: right;
  margin-top: 13%;
  margin-right: 35%;
}

@media only screen and (max-width: 768px) {

#profile {
  width: 90%;
  margin: 5%;
  background: #2c2f33;  
  border-radius: 20px;
  padding-bottom: 10%;
}

#profile img {
  width: 50%;
  height: 50%;
  margin: 25% 25% 5% 25%;
  border-radius: 20px;
}

#links {
  width: 90%;
  margin: 5%;
  background: #2c2f33;  
  border-radius: 20px;
  padding: 2% 0% 2% 0%;
}
  
#info {
  width: 86%;
  margin: 5%;
  background: #2c2f33;  
  border-radius: 20px;
  
  padding: 2%;
}

#paths {
  width: 86%;
  margin: 5%;
  background: #2c2f33;  
  border-radius: 20px;
  padding: 2%;
}

#profile h1 {
  float: none;
  text-align: center;
  margin: 0;
}

}