h1{
    text-align: center;
    color: rgb(189,250,255);
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    background: rgb(47,79,91,0.3);
    transform: rotateY(150deg);
    border: 2px solid rgba(47,79,91,0.3);
    border-radius: 15px;
    transition: transform 0.5s ease, background 0.3s ease;
    padding: 1rem 2rem;
    box-shadow: 0 0 15px rgba(189,250,255,0.7);
}
h1:hover {
            transform: rotateY(20deg);
            background: rgba(189,250,255,0.8);
            box-shadow: 0 0 25px rgba(189,250,255,1);
        }
body{
    perspective: 1000px;
    background: rgb(189,250,255);
}
.container {
            max-width: 1200px;
            margin: 0 auto;
            transform-style: preserve-3d;
        }
img {
                filter: opacity(70%);
                width: 100%;
                display: block;
                margin-left: 0px;
                margin-right: 0px;
                transition: filter 0.3s ease;

}
img:hover {
    filter: opacity(100%);
    transform: translateZ(30px) scale(1.05);
    box-shadow: 0 15px 40px rgba(0,0,0,0.3);
}
p{
    margin: 0px;
    //background-color: rgb(189,237,252);
    color: rgb(47,79,91);


}
ul{
    margin:2px;
    color: rgb(47,79,91);
    //background-color: rgb(189,237,252);
}
footer{
    text-align: center;
    border-top: 0.5px solid black;
}