@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
    padding: 0px;
    margin: 0px;
    background-color: rgba(2, 171, 250, 0.719);
    text-align: center;
}

h1{
    text-align: center;
    font: 500 50px "inter";
    color: rgba(0, 0, 0, 0.774);
    backdrop-filter: blur(100px);
}

main{
    margin: auto;
    width: 1000px;

}

section{
    width: 200px;
    height: 15vh;
    background-color: rgba(6, 4, 102, 0.767);
    border-radius: 10px;
    display: inline-block;
    transition: 0.5s;
    margin: 10px 8px 5px 5px;
    
}

p{
    font: 500 22px "inter";
    text-align: center;
    padding: 29px 0px 0px 0px ;
}

a{
    font-size: 20px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.781);
}

section:hover{
     transform: scale(1.25);
     z-index: 10;
     background-color: rgba(12, 9, 211, 0.63);
     box-shadow: 0px 0px 20px 2px rgba(85, 82, 255, 0.466);
     color:rgba(92, 86, 255, 0.486) ;
     backdrop-filter: blur(10px);
     
}