body {
    background:#000000;
    margin:0;
    padding:0;
    max-height:1000px;
    max-width:100wh;
}

.page{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#ffffff;
    height:600px;
    width:70%;
    padding:5px;  
    border-radius:9px;  
    box-shadow:  6px 6px 12px rgba(0,0,0,0.1), 
        -6px -6px 12px rgba(255,255,255,0.8);
    transition:0.5s;
}
.first_page{
    z-index:2;
    height:auto;
    /visibility:hidden;
}
.second_page{
    visibility:hidden;
    z-index:1;
    height:auto;
}
.greet,.greeting{
    padding:0px 0%;
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:25px;
    letter-spacing:7px;
    text-shadow:  10px 10px 10px rgba(20,0,20,0.2), 
        0px 0px 0px rgba(355,355,355,200);
    margin-top:20%;
}
.greet:first-letter{
    font-size:20px;
    box-shadow:  0px 0px 0px rgba(0,0,0,0.0), 
        0px 0px 0px rgba(255,255,255,0.8);
    padding:2px 11px;
    margin:1px;
    border-radius:50%;
    
}
.greet:(1){
    text-align:center;
}
.greet:(3){
    text-align:center;
}
.next{
    width:60px;
    height:70px;
    margin-left:5px;
    box-shadow:  6px 6px 12px rgba(0,0,0,0.1), 
        -6px -6px 12px rgba(255,255,255,0.8);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:bold;
    font-size:20px;
}

.greeting{
    margin-top:10%;
}
.greeting{
    border-radius:5px;
    font-size:30px;
    box-shadow:  6px 6px 12px rgba(), 
        -6px -6px 12px rgba();
    margin:1px;
    margin-top:10%;
    width:33%;
    margin-left:30%;
    
}


.pic{
    width:100%;
    height:15%;
     box-shadow:  0px 0px 0px rgba(), 
        -6px -6px 12px rgba();
    border-radius:0%;
    display:inline-block;
    margin-top:5px;
    margin-left:2%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:bold;
}
.pic:hover,.greeting:hover,.next:hover{
    box-shadow:inset 6px 6px 12px rgba(0,0,0,0), 
      inset  -6px -6px 12px rgba(330,330,330,330);
}