postnummer-app/frontend/style.css
2023-02-06 19:40:40 +01:00

75 lines
1021 B
CSS

* {
box-sizing: border-box;
}
body {
margin: 0;
height: 100vh;
font-family: "Open Sans", sans-serif;
}
#topbar {
background-color: #aaa;
color: #000;
text-align: center;
margin: 0;
padding: 0.5rem;
/* box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); */
}
#topbar > h1 {
margin: 0;
font-size: 2rem;
}
main {
text-align: center;
padding: 1rem;
margin: auto;
width: 50%;
}
main > * {
margin: 2px;
}
#search-bar {
width: 100%;
display: flex;
flex-direction: row;
padding: 5px;
border: 1px solid #666;
border-radius: 5px;
}
#search-input {
width: 100%;
font-size: 1rem;
border: 0;
outline: 0;
padding-bottom: 2px;
}
#search-input:focus {
border-bottom: 2px solid black;
padding-bottom: 0;
}
#search-button {
width: 5rem;
font-size: 1rem;
}
#map {
width: 100%;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1000px) {
main {
width: 100%;
}
}