*,
*::before,
*::after{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body {
  word-break: keep-all;
  font-family: 'Times New Roman';
  margin: auto 0;
}

.bg {
    z-index: -1;
    position: fixed;
    width: 100%;
    height: 30%;
    bottom: 0;
    background-image: linear-gradient(white, #8DFF79);
}

h1 {
   font-family: "Arial Narrow", Arial, sans-serif;
   font-weight: bold;
   font-size: 4vw;
   letter-spacing: -0.1vw;
   text-align: center;

   margin-top: 5vw;
}

a:link {
    color: yellow;
    text-decoration: none;
}

a:visited {
    color: yellow;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.draggable { 
  display: inline;
  padding: 0.5rem; 
  margin: 1.5rem;
  border: px solid gray;
  background-color: ;
}

.draggable:first-child {
  
}

img {
  width: 5rem;
}