@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
:root {
    --black: #0b0c10;
    --light-black:  #151a22;
    --dark-grey: #1f2833;
    --light-grey: #c5c6c7;
    --light-blue: #66fcf1;
    --cyan: #45a29e;
    --white: #fff;
}


body {
    margin: 0;
    font-family: 'Oswald', sans-serif;
}

.background {

    width: 100%;
    height: 100vh;

    /* background-color:  var(--light-black); */
    background-color: lightgrey;
   
}

.menubutton
{
    display: inline-block;
    width: auto;
    color: white;
    font-size: 80px;
    padding: 80px;
}

.greeting
{
    /* color: var(--light-blue); */
    color: grey;
    font-size: 40px;
    text-align: center;
    /* text-shadow: -4px -4px white; */

}

img:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
  }
  
  @keyframes shake {
    0% { transform: translate(3px, 3px) rotate(0deg); }
    10% { transform: translate(-3px, -5px) rotate(-1deg); }
    20% { transform: translate(-5px, 2px) rotate(1deg); }
    30% { transform: translate(5px, 4px) rotate(0deg); }
    40% { transform: translate(3px, -3px) rotate(1deg); }
    50% { transform: translate(-3px, 4px) rotate(-1deg); }
    60% { transform: translate(-5px, 3px) rotate(0deg); }
    70% { transform: translate(5px, 3px) rotate(-1deg); }
    80% { transform: translate(-3px, -3px) rotate(1deg); }
    90% { transform: translate(3px, 5px) rotate(0deg); }
    100% { transform: translate(3px, -4px) rotate(-1deg); }
  }