html, body {
  margin: 0;
  padding: 0;
}
body {
  background: rgb(0, 0, 0);
  overflow-x: hidden; 
    font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  color: white;
}

.logo{
    width: 100%;
    max-width: 300px;
}

.content{
    height: 100vh;
}


p{
    line-height: 1.1em;
    font-weight:300;
}

.frame{
    background-color: rgb(132, 0, 255);
    padding: 42px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    animation: blur 5s;
    padding-bottom: 30px;
}

@keyframes blur {
  0% {filter: blur(5px);}
  100% {filter: blur(0px);}
}

b{
    font-weight: 500;
}

.button{
    color: white;
    background-color: black;
    border-radius: 50%;
    padding: 16px 26px;
}

.button:hover{
    background-color: rgb(59, 0, 114);
}