@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap');
:root { --font-head: 'Orbitron', sans-serif;
}

body { 
    background-color: rgb(1, 28, 31);
    background-image: url(https://i.pinimg.com/736x/29/4a/42/294a429535669411f654b4ce4050011e.jpg);
    background-repeat: repeat;
    background-position: center;
    background-attachment: fixed;
}

.page {
    margin-top: 200px;
    background-color: rgb(1, 33, 30);
    width: auto;
    height: 1500px;
    border: 2px solid #009480;
    margin-left: 250px;
    margin-right: 250px;
    border-style: groove;
    border-color: #007a66;
}

.down {
  display: flex;
   background-color: rgb(1, 28, 31);
   background-image: url(https://i.pinimg.com/736x/29/4a/42/294a429535669411f654b4ce4050011e.jpg);
   background-repeat: repeat;
   background-position: center;
   background-attachment: fixed;
}

.pfp {
    background-color: rgb(243, 243, 243);
    width: 220px;
    height: 220px;
    border: 2px solid #026956;
    margin-left: 80px;
    margin-top: 80px;
    border: 3px solid #00534c;
}

.name {
    margin-left: 300px;

}

.top {
    display: flex;
    gap: 20px;
    background-color: rgb(0, 107, 93);
    width: auto;
    height: 370px;
    border: 2px solid #009c7f;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 28px;
}

.text {
    background-color: rgb(0, 75, 54);
    width: 700px;
    height: 300px;
    border: 2px solid #009676;
    margin-top: 35px;
    margin-left: 60px;
    margin-right: 30px;
    border-radius: 40px;
}

.cody {
    color: rgb(0, 141, 120);
    font-size: 40px;
    font-family: var(--font-head);
    margin-left: 20px;
    text-shadow: -2px -2px 0 #001f1d, 2px -2px 0 #001f1d, -2px 2px 0 #001f1d, 2px 2px 0 #001f1d;
}

p {
    text-shadow: -2px -2px 0 #002923, 2px -2px 0 #002923, -2px 2px 0 #002923, 2px 2px 0 #002923;
    margin-left: 20px ;
    color: rgb(55, 182, 157);

    font-weight: bold;
    font-size: 22px;
    margin-right: 70px;
    font-family: 'Times New Roman', Times, serif;
}

.dots-simple {
     --dot-color: #007061;
     --bg-color: #fff; 
     --dot-size: 1px; 
     --gap: 8px; 
  background-image:
    radial-gradient(circle, var(--dot-color) 35%, rgba(0,0,0,0) 41%);
  /* Größe des Muster-„Kachels“ = gap */
  background-size: var(--gap) var(--gap);
  background-position: 0 0;
}