.box {
    background: url("extra/memopad.jpg");
    width: 400px;
     height: 550px;
    margin: auto;
    background-size: cover;
    margin-top: 30vh;
    align-content: center;
    display: flex;
}

.container {
    
    margin: auto;
    width: 100%;
    height: 400px;
    position: relative;
    
}

body {
    margin: auto;
    background: url(img/creditsbg.jpg);
    background-size: cover;
}

.text {
    margin: 130px 0 0 120px;
    text-align: center;
}

::-moz-selection { /* Code for Firefox */
  color: #00a86a;
  background: #a8ffdf;
}

::selection {
  color: #00a86a;
  background: #a8ffdf;
}

.sites a {
  color: #00a86a;
    text-decoration-style: wavy;
}

.title a {
    color: #000000;
}

a:hover {
    background-color: #a8ffdf;
}

.player {
  bottom: 0; 
 position: fixed; 
 right: 0;
  margin: 2px;
}