body {
padding: 40px;
text-align: center;
background-color: #1d1d1b;
}

*{
  color: #d5d5d6;
  font-family: "Roboto", sans-serif;
}

#contact_menu{
display: flex;
justify-content: center;
gap: 20px;
}

.content {
max-width: 800px;
margin: 0 auto;
}

ul {
margin: 0;
padding: 0;
}
li{
list-style-type: none;
}
h1 {
color: #d5d5d6;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
h2 {
color: #d5d5d6;
}
h3 {
color: #d5d5d6;
font-family: "Roboto", sans-serif;
font-weight: 300;
font-variation-settings:
    "wdth" 75;
}
p {
color: #d5d5d6;
}
.logo {
width: 300px;
height: auto;
margin-bottom: 20px;
}

#contact_list {
list-style-type: none;
padding: 0;
margin: 0;
gap: 5px;
display: flex;
flex-direction: column;
align-items: center;
}

#phone_logo {
width: 20px;
height: 20px;
margin-right: 10px;
vertical-align: middle;
}
#phone_number {
    color: white;
    text-decoration: underline;
    font-size: 18px;
    letter-spacing: normal;
}
#email_logo {
    width: auto;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}
#whatsapp_logo {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.services {
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

.copyable_text {
cursor: pointer;
color: white;
text-decoration: underline;
font-size: 18px;
}

.copyable_text:hover {
    color: grey;
}
.copyable_text:active {
    color: blue;
}

.separator {
    height: 2px;
    background-color: #d5d5d6;
    margin: 20px 0;
}