#top{
    text-align: center;
}
#logo{
    color: white;
background-color: rgb(211, 70, 94);
display: inline-block;
font-size: 32px;
font-weight: bold;
padding: 8px;
margin-top: 16px;
}
body{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
}
#logo-name{
    font-size: 0px;
    font-weight: bold;
    margin: 16px;
}
#navigation a {
    color: gray;
    padding: 8px;
}
#navigation a:hover {
    color: rgb(211, 70, 94);
}
#image img {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
}
#main{
    max-width: 800px;
    margin: auto;
    padding: 16px;
}
#footer{
    text-align: center;
    color: gray;
    padding: 16px;
}

#offline{
    font-family: Arial, Helvetica, sans-serif;
    color: red;
	text-align: center;
    margin: auto;
    padding: 16px;
    font-size: 75px;
}
#offline :hover{
    color: black;
}
#contact a:hover{
    font-family: Arial, Helvetica, sans-serif;
    color: red;
}
#impress{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
#ei{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 0px;
}
#Services{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: center;
}
#ei a{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: center;
}
#impress a{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: center;
}
#impressname{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: center;

}
#j a{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: center;
}
#j{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 100px;
}
#imp{
    font-family: Arial, Helvetica, sans-serif;
    color: black;
	text-align: center;	
    max-width: 800px;
    margin: auto;
    padding: 16px;
}
.Jokebox{
    min-width: 300px;
    padding: 16px;
    text-align: center;	
}
#Joke{
    font-weight: bold;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
}
#b{
    padding: 8px 16px;
    margin-bottom: 16px;
    border: 2px solid rebeccapurple;
    color: rebeccapurple;
    font-size: 20px;
    cursor: pointer;
}
#b:hover{
    background-color: rebeccapurple;
    color: white;
}
#Jokeanswer{
    font-weight: bold;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 20px;
}