.wrapper .container{
    max-width: 480px;
    padding: 2rem;
    color: var(--light);
}
.wrapper h1{
    font-size: 3.5rem;
}
.startBtn {
    all: unset;
    color: var(--light);
    font-weight: 300;
    font-size: 1.2rem;
    padding: 5px 50px;
    border: 1px var(--light) solid;
    cursor: pointer;
    border-radius: 20px;
    transition: all 0.2s ease-in-out;
}
.startBtn:hover, .startBtn:focus {
    background-color: var(--light);
    color: var(--dark);
        box-shadow: 
        0 0 5px #03e9f4,
        0 0 25px #03e9f4,
        0 0 50px #03e9f4,
        0 0 200px #03e9f4;
}
.wrapper {
    height: 100vh;
    height: 100svh;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.logo {
  animation: rotate 30s linear infinite;

}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}