.App{text-align:center;color:#fff;display:flex;flex-direction:column;min-height:100vh}html{background:#282c34}h1{font-size:2.5rem;margin-bottom:6px}.nav{height:15vh}.search-bar{display:flex;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;border:solid rgba(255,255,255,.3) 2px;border-radius:10px;max-width:25vw;position:relative;color:#ffffff4d}.search-bar.focus{border:solid white 2px}.search-text{background:none;text-align:left;border:none;width:100%;padding:8px 16px;height:16px;font-size:1rem;outline:none;color:inherit}.icon{z-index:1;position:absolute;right:15px}.icon:hover{cursor:pointer}.focus{color:#fff}.card-container{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;height:80vh;overflow-y:auto}::-webkit-scrollbar-track{background-color:#1f242d}::-webkit-scrollbar{width:6px;background-color:#1f242d}::-webkit-scrollbar-thumb{background-color:#102652;border-radius:6px}.card{width:270px;height:420px;border-radius:10px;background:linear-gradient(to bottom,#282c34,#102652);margin:.7rem;box-shadow:0 3px 20px #00000040,inset 0 3px 10px 3px #7272720d;position:relative}.card-content{margin:0 30px 30px}.close{font-size:1.5rem;position:absolute;top:0;right:0;margin:8px;opacity:.5}.close:hover{cursor:pointer;opacity:1;color:#ff0000a8}.footer{width:100%;text-align:center;height:5vh;display:flex;align-items:center;justify-content:center;font-size:20px}.footer>img{margin-left:6px;width:auto;height:80%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}