@import url('supreme.css');

/* My Styles */

body{
    font-family: 'Supreme-Variable';
    display: grid;
    justify-content: center;
    align-content: center;
    height: 100vh;
    margin: auto;
      background-size: cover;
    
    
}

Img{
    width: 25%;
    justify-content: center;
    align-content: center;
    border-radius: 100%;
    border-width: 10px;
    border: 8px solid ;
    border-color: rgb(132, 0, 255);
}

div{
    background: rgba( 255, 255, 255, 0.35 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 100px );
    -webkit-backdrop-filter: blur( 100px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    align-items: center;
    justify-content: center;
    padding: 2%;
    width: 40%;
    text-align: center;
    margin: auto;
}
.purple{
    width: 98%;
    background-color: rgb(132, 0, 255);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    margin-top: 2%;
    margin-bottom: 2%;
}
.purple :hover{
    color: rgb(204, 0, 255);
}

a{
    color: aliceblue;
}