*{
    padding: 0;
    margin: 0;
    box-sizing:border-box;
}
a{
   
    transition: color 0.5s;
    font-size: 1rem;
    color: #ff1ae1;
    font-size: 1.5rem;
    font-weight: 100;
    
}
nav{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  
  margin-top: 10px;

}


h3{
    font-size: 22px;
    color: azure;
}



div{
    display: block;
    margin-left: 10px;
    margin-top: 50px;
}
#rectangle{
    width: 200px;
    height: 300px;
    background-color: #35f1f1; 
    transform-style: preserve-3d;
    transform: translate(100px) rotateX(43deg) rotateZ(70deg);
    border-radius: 50px;
    box-shadow: 1px 2px 10px #a9ebff, 34px 34px 15px #a9ebff;
    transition: 0.4s ease-in-out transform, 0.5s ease-in-out box-shadow;
    z-index: 0;
   
}

#rectangle:hover{
    transform: translateX(100px) translateY(-24px) rotateX(55deg) rotateZ(45deg);
    box-shadow: 1px 2px 10px #a9ebff, 70px 70px 25px #a9ebff;
}