.text {
    color: #588ca4;
    font-family:Montserrat;
    text-shadow:#ffffff;
}

.p2 {
    color: #588ca4;
    font-family:Montserrat;
    padding: 20px 20px;
    text-shadow:#ffffff;
}

img {
  width: 30%;
  height: auto;
}

@media (max-width:  600px) {
  img {
    width: 50%;
  }
}

body {
    background-color: #588ca4;
}

        .my-button {
            display: inline-block;
            padding: 10px 10px;
            background-color: #0e0d0d;
            color: #588ca4;
            font-family:Montserrat;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin: 2px 0;
        }
        .my-button:hover {
            background-color: #162327;
        }

                a {
            text-decoration:none;
            color: #4777aa;
            transition: color 0.3s;
        }

 body, html {
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center;
        }
.centered-div {
    width: 90%; 
    height: 100%; 
    display: flex;
    justify-content: center;
    background-color: #111111; 
    box-shadow: 0 6px 20px #111111; 
}

        h1, h2, h3, h4, h5, h6, p, img, button {
            text-align: center;
            margin: 20px 0;
            text-shadow:#ffffff;
            box-shadow: #ffffff;
        }