*{
    margin: 0;
    padding: 0;
    font-family:Calibri;
}
a
{
    text-decoration: none;
}
body
{
    background-color:rgb(20, 18, 18);
    height: 500px;
    width: 2px blue;
    background-image: url(hotel4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    text-align: center;    
}
header
{
    display: flex;
    justify-content: flex-end;
    align-items: center ;
    padding: 15px 10%;
    background-color: rgb(46, 39, 39);
}
.logo
{
cursor: pointer;
font-size: 25px;
text-transform: uppercase;
letter-spacing: 2px;
color: red;
font-weight:bold;
margin-right: auto;
}
.nav-links
{
    list-style: none;
}
.nav-links li
{
    display: inline-block;
    background-color: white;
    padding: 0px 20px;
}
.nav-links li a:hover
{
    color: rgb(255, 0, 25);
}
.blink
{
    animation: blink 1s linear infinite;
    color: white;
    font-weight:bold;
    border-radius: 15px;
    padding:9px 25px ;
    background-color:rgb(255, 0, 25);
}
@keyframes blink
{
0%
{
    opacity:0;
}
}
.action:hover
{
    background-color: rgb(216, 175, 13);
}
.text
{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.action
{
    padding:9px 25px ;
    background-color:rgb(255, 0, 25);
    border-radius: 15px;
    font-weight: bold;
}
.details
{
    list-style: none;
}

.footersection
{
    height: 100%;
    display: flex;
    background-color: rgb(46, 39, 39);
    justify-content: left;
    align-items: center ;
    padding: 25px;
    margin-bottom: auto;
    color: white;
    
}