body {
    font-family: 'MesloLGS NF', monospace;
    background-color: #EAE8E6;
    background-image: url('background.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
}
.name {
      font-family: 'Great Vibes', cursive;
      color: black;
      text-shadow: 1px 1px 2px black;
      font-size: 3vw;
      text-align: right;
      margin-right: 30px;
    }
  
.logopersonal {
      width: 13vh;
      height: 13vh;
      vertical-align: middle;
      border-radius: 8px;
      text-decoration: none;
      color: inherit;
      margin-left: 30px;
      float: left;
      border: 3px black solid;
    }
.logolinks {
      width: 40px;
      height: 40px;
      border: 3px white dotted;
      vertical-align: middle;
      border-radius: 8px;
      text-decoration: none;
      color: inherit;
      margin-top: 2vh;
      margin-left: 30px;
      text-shadow: 2px 2px 3px black;
}

.bottomlinks {
        font-family: 'MesloLGS NF', monospace ;
        text-decoration: underline;
        font-size: 2vh;
        color: white;
        text-align: bottom;
        text-shadow: 2px 2px 3px black;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 350px;
      }
      
button {
      background: blue;
      color: white;
      padding: 20px 20px;
      border: none;
      transition: background 0.3s ease;
      border-radius: 8px;
      cursor: pointer;
}

button:hover {
            background: greenyellow;
}

span {
    text-decoration:none;
    display: inline-block;
    color : white;
    text-shadow: 2px 2px 3px black;
    text-decoration: underline;

}

a {
    text-decoration: none;
    color: inherit;
}