efaf2944 |
* { box-sizing: border-box }
body {
margin: 0;
font-size: 16px;
font-family: 'Lato', sans-serif;
color: hsl(0,0%,30%);
}
h1 {
font-size: 3rem;
text-align: center;
text-shadow: 0.05em 0.05em 0.5em navy;
border-bottom: 5px double black;
height: 12vh;
margin-bottom: 0;
}
input[type=text] {
font-size: 1rem;
width: 90%;
margin: 0.5em;
margin-left: 5%;
margin-right: 5%;
padding: 0.24em;
border: thin solid black;
}
button {
font-size: 1rem;
padding: 0.25em 0.5em;
margin: 0.5em;
margin-right: 5%;
float: right;
}
#add-contact {
position: relative;
width: 25vw;
float: left;
border: 5px double black;
border-left: none;
border-right: none;
border-top: none;
min-height: 78vh;
}
#do-search {
width: 75vw;
float: right;
border: 5px double black;
border-top: none;
border-right: none;
min-height: 78vh;
}
#add-contact::after,
#do-search::after
{
content: " ";
display: "block";
float: none;
clear: both;
}
#do-search #results {
padding: 0.5em;
}
|