@font-face {
  font-family: "Boston";
  src: url("./fonts/Boston.ttf") format("truetype");
  font-weight: bold;
  font-style: normal, italic, oblique;
}

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: "Boston", sans-serif;
  display: flex;
  justify-content: center;
  background: linear-gradient(#fcebcc, #edab56);
}
.card {
  background: rgba(0, 0, 0, 0.3);
  position: relative;
  top: 0px;
  padding: 100px;
  border-radius: 15px;
  margin: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  color: white;
  width: 500px;
  height: 250px;
}
p {
  width: 300px;
  position: relative;
  left: 205px;
  top: -370px;
  scale: 1.45;
}
b {
  position: relative;
  left: 180px;
  top: -80px;
  font-size: 40px;
  color: #edb872;
}
Milo {
  position: relative;
  left: 150px;
  top: -370px;
  font-size: 40px;
  color: black;
}
credit {
  position: relative;
  left: -75px;
  top: -280px;
  font-size: 35px;
  color: #edb872;
}
.profile-picture img {
  position: relative;
  max-width: 200px;
  left: -80px;
  top: -75px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
}

ul {
  display: flex;
  list-style-type: none;
  border: 10px;
}

.navbar {
  width: 1560px;
  height: 100px;
  position: sticky;
  top: 10px;
  left: 150px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  margin: 70px;
  border-radius: 25px; 
}

.inner-rect {
  background-color: rgba(0, 0, 0, 0.3);
  position: sticky;
  top: 0px;
  left: 0px;
  border-radius: 25px;
  padding: 18px 120px;
  flex-wrap: wrap; 
  color: white;
  margin: 35px;
}
.nav-links {
  list-style: none;
  display: flex;
  position: relative;
  left: -20px;
  top: 20px;
}

.nav-links li a {
  text-decoration: none;
  color: white;
  font-size: 1.7rem;
  font-weight: bold;
}

.nav-links li a:hover {
  color: #ffcc00; 
}
#NovaDiv {
  max-width: 200px;
  max-height: 200px;
  position: fixed;
  left: 650px;
  top: 300px;
  border: 5px solid black;
  border-radius: 20px;
}