@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

    html {
        background-color: black;
    }

    body {
        color: white;
        font-family: 'Comfortaa', sans-serif;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        margin: 0%;

    }

    a {
        color: white;
        padding: 4px;
        border-radius: 4px;
        transition: 240ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        display: inline-block;
    }
    a:hover {
        background-color: white;
        color: black;
        transform: scale(1.3);
    }  
    button {
        color:white;
        background-color: black;
        padding: 4px;
        border: white;
        border-radius: 4px;
        transition: 240ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
        display: inline-block;
    }
   button:hover{
       background-color:white ;
       color: black;
       transform: scale(1.3);
   }
   div {
    width: 300px;
    border: 15px solid white;
    padding: 50px;
    margin: 20px;
    border-radius: 4px;
  }