body {
    background-color: #0B1F3A;
    color: white;
    text-align: center;
    font-family: Arial,sans-serif;
    margin-top: 50px;
}
img {
    width: 180px;
}
h1 {
    color: #00c853;
    font-size: 48px;
}
h2 {
    color: #ffd54f;
    font-size: 28px;
}
header{
        text-align: center;
        padding: 10px;}
 nav a{
        margin-top: 20px;}
 nav a{color: white;
        text-decoration: none;
        margin: 15px;
        font-size: 18px;
        font-weight: bold;}
 nav a:hover{
        color: #ffd54f; }
 main{
         text-align: center;
         margin-top: 40px; }    
footer{
    text-align: center;
    margin-top: 10px;
    padding: 10px;px
}         

.hero{
    text-align:center;
    padding: 30px;
}
.hero h2{
    font-size: 32px;
    margin-top: 10px;
    padding: 30;
.hero h1{
    margin-top: 30px;
    padding: 10px;
}

}

.buttons{
    margin:30px 0;
}

.services{
    margin-top:20px;
}

.services span{
    display:inline-block;
    margin:10px;
    padding:12px 20px;
    border:1px solid #FFD54F;
    border-radius:8px;
}

.contact{
    margin-top:50px;
}

.contact p{
    margin:8px;
}

.buttons{
    margin:30px 0;
}

.services{
    margin-top:40px;
}

.services span{
    display:inline-block;
    margin:10px;
    padding:12px 20px;
    border:1px solid #FFD54F;
    border-radius:8px;
}
.btn2{
display: inline-block;
margin-top: 30px;
padding: 15px 35px;
background: #ffd54f;
color:#000;
text-decoration:navajowhite;
border-radius: 8px;
font-weight: bold;}

.contact a{
    color: white;
    text-decoration: none;
    font-weight: bold;
}
.contact a:hover{
    color: #FFD54F;
}