#app{width:100%;height:100vh;background:url(https://d33wubrfki0l68.cloudfront.net/0875a1320eb675523e09afba632dfc56d50039aa/6fe16/media/background.svg);background-position:center;background-repeat:no-repeat;background-size:cover}.hover{width:100%;height:100vh;background:rgba(0,0,0,.4)}.card{width:18rem}img#avatar{width:200px;height:auto;border:5px solid;border-radius:50%;padding:.5rem;margin-top:-6rem;margin-bottom:1rem}.card{padding:0!important}.card-header{border-bottom:0!important}.card hr{width:70%;border:1px solid #2e2f2f}.card-body .headName{margin-top:1rem;font-size:24px;font-weight:700}.addButton{width:100%}#addButton,#addButton:hover{text-decoration:none}#addButton button{width:100%;font-size:18px;background:#5965F3;border:none;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;color:#f5f5f5;padding:.7rem;transition:all .3s}#addButton button:hover{cursor:pointer;opacity:.8}.footer{width:100%;text-align:center;justify-content:center;position:fixed;bottom:0;padding:1rem 0;background:rgba(0,0,0,.4)}.footer a{color:#f5f5f5;text-decoration:none;transition:all .3s}.footer a:hover{text-decoration:underline;opacity:.8}.card-header h2 a{color:#2e2f2f;text-decoration:none;transition:all .3s}.card-header h2 a:hover{color:#2e2f2f;opacity:.8;text-decoration:line-through}.searchForm{text-align:center}.searchForm #dID{width:10%;text-align:center;margin:1rem 0;padding:.5rem;font-size:18px;border:none;border-radius:1rem;background-color:#5965f3;color:#f5f5f5;transition:all .3s}.searchForm #dID:focus{width:80%;outline:none}input::-webkit-input-placeholder{color:#fff0;transition:all .3s}input:-moz-placeholder{color:#fff0;transition:all .3s;opacity:1}input::-moz-placeholder{color:#fff0;transition:all .3s;opacity:1}input:-ms-input-placeholder{color:#fff0;transition:all .3s}input::-ms-input-placeholder{color:#fff0;transition:all .3s}input:focus::-webkit-input-placeholder{color:#fffc}input:focus:-moz-placeholder{color:#fffc;opacity:1}input:focus::-moz-placeholder{color:#fffc;opacity:1}input:focus:-ms-input-placeholder{color:#fffc}input:focus::-ms-input-placeholder{color:#fffc}::placeholder{color:#fffc}.searchForm button{border:none;background:#5965F3;color:#f5f5f5;padding:.5rem;margin:1rem 0;font-size:15px;border-radius:1rem;transition:all .3s}.searchForm button:hover{cursor:pointer;opacity:.8;transform:scale(1.1)}