/* CSS for about me page*/

@font-face {
  font-family: "Retro"; /* set name */
  src: url('Retro_Gaming.ttf'); /* url of the font */
}

body {
  background-color: black;
  color: white;
  font-family: Retro;
  
}
.t{
  font-size: 300%;
  text-align: center;
  color: white;
  
}
.container{
  display:flex;
  flex-direction: row;
  border: 10px solid darkviolet;
  justify-self: center;
  width: 1700px;
  margin:50px;
  gap: 10px;
}
.titleboxleg{
  background-color: darkviolet;
  height:30px;
  width: 240px;
  margin-left:10px;
  margin-top:0;
  margin-bottom: 0;
  padding: 0;
}
.legenda{
  width: 230px;
  border: 5px solid darkviolet;
  height: 650px;
  overflow: auto;
  padding-right: 0%;
  padding-top:0px;
  padding-bottom: 0;
  margin-left:10px;
}
li{
  margin-top:10px;
  color:white;
}
.legcontainer{
  display: flex;
  flex-direction: column;
  padding-top:10px;
  padding-bottom:10px
}
.title{
  color:black;
  font-size: 110%;
  text-align: center;
  line-height: 0px;
}
.textbox{
  border:5px solid darkviolet;
  text-align: left;
  width: 1600px;
  height: 680px;
  margin-top:10px;
  margin-right: 10px;
  padding-left:10px;
  overflow: auto;
  padding-right: 10px;
  
}
.text{
  font-size: 125%;
}
.no-bullets{
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 10px; /* Remove margins */
}
.pfpbox{
  display: flex;
  flex-direction: column;
  border:5px solid darkviolet;
  margin-left:10px;
  height: 300px;
}
.subtitle{
  text-align: left;
  font-size: 150%;
  color:darkviolet;
}
.intro{
  text-align: left;
  font-size: 200%;
  color:darkviolet;
}

::-webkit-scrollbar {
  width: 10px;
  border-right: 2px solid black;
  
}

/* Track */
::-webkit-scrollbar-track {
  background: black;
  border-right: 2px solid black;
  
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: darkviolet;
  border-right: 2px solid black;
  
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: darkviolet;
}

.lib{
  background-color: transparent;
  color: white;
  font-family: Retro;
  border:none;
  
}

a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: white;
  background-color: transparent;
  text-decoration: none;
}