body {
    background-color:#EEEEEE;
    font-family:Roboto, Arial, sans-serif;
}
h1 {
    font-size:14pt;
}
h2 {
    font-size:12pt;
}
p {
    font-family:Roboto, Arial, sans-serif;
}
.big-box {
    text-align:center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.green {
   color:green;
}
.box-detail {
    width:375px;
    height:auto;
    background-color:white;
    border-radius:20px;
    box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.08);
-webkit-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.08);
-moz-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.08);
margin-left:auto;
margin-right:auto;
text-align:center;
}
.innerbox-1 {
    border-radius:20px;
    border:1px solid #5F5F5F;
    width:130px;
    height:20px;
    font-size:12px;
    margin:auto;
    text-align:center;
    padding-top: 5px;
}
.innerbox {
    padding:15px;
}
.place {
    font-size:18pt;
    font-weight:bold;
    text-transform: capitalize;
    margin-top:5px;
    margin-bottom:15px;
}
.namebox {
    background-color:#169858;
    width:330px;
    height:35px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    border-radius:20px;
    color:white;
}
.name {
    padding:5px;
}
.date-clock {
    font-weight: 400;
}

p.warning {
    color:red;
 
    background-color:pink;
    padding:15px;
    margin:15px;
    border-radius:25px;
}

input {
    background-color: #e4e4e4;
    border: none;
    padding: 0.9rem 0.9rem;
    margin: 0.5rem 0;
    width: 75%;
    border-radius:20px;
}

input.button {
    background-color:#169858;
    font-weight:bold;
    font-size:10pt;
    color:white;
}
input:hover {
    background-color:#10df27;
}