/* RESET CSS */
*,::after,::before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}

/* CUSTOM CSS */

h1 {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
    font-size: 1em;
    color: #010355;
    margin-top: 25px;
}

.background-image {
    background-image: url("../images/vortex.webp");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    
}

.title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.title img {
    width: 250px;
}

a {
    text-decoration: none; 
    font-family: "Cherry Bomb One", system-ui;
    font-weight: 400;
    font-size: 1.5em;
    color: #010355;
    background-color: white;
    border: 5px solid #FEA8FE;
    border-radius: 50px;
    width: 150px;
    height: 50px;
    text-align: center;
    margin-top: 100px;
    transition: all .35s;
  
    
}

a:hover {
    color: white;
    background-color: #FEA8FE;
    border-radius: 50px;
    width: 150px;
    height: 50px;
    text-align: center;
    margin-top: 100px;
}