.small-contact-card{background-color:#fff;border-radius:10px;width:auto;margin:10px;padding:5px;flex-basis:30%;box-shadow:0 0 8px #ddd}.contact-list{display:flex;flex-direction:row;flex-wrap:wrap;margin:auto;align-items:center;justify-content:center}.contact-card{background-color:#fff;border-radius:10px;width:auto;margin:10px;padding:5px}.contact-container{margin:auto;max-width:800px}h1{font-size:x-large}.account-card{min-width:200px;max-width:300px;min-height:4rem;float:right;margin:10px;padding:5px}.account-card,.create-contact-card{background-color:#fff;border-radius:10px;box-shadow:0 0 8px #ddd}.create-contact-card{width:50vw;position:absolute;left:25vw;top:5vh}.off-click{width:100vw;height:100vh;background-color:#000;opacity:.001;position:absolute;left:0;top:0}.input-wrapper{background-color:#fff;width:100%;border-radius:10px;height:2.5rem;padding:0 15px;box-shadow:0 0 8px #ddd;display:flex;align-items:center}input{background-color:transparent;border:none;height:100%;font-size:1.25rem;width:100%;margin-left:5px}input:focus{outline:none}.search-result{padding:10px 20px}.search-result:hover{background-color:#efefef}.results-list{width:100%;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 0 8px #ddd;border-radius:10px;margin-top:1rem;max-height:300px;overflow-y:scroll}.create-contact{filter:drop-shadow(0 0 8px #ddd);width:2.8em;height:2.5em}