.App{text-align:center;background-color:#cfccc866}.container{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;overflow:hidden}.container video{width:100%;height:100%;object-fit:cover}.input{display:flex;justify-content:center}.icon{width:45px}.image{box-shadow:2px 2px 12px #1b1b18}.search{padding:14px 24px;background-color:#f7ccea80;font-size:20px;line-height:8px;color:#080806;box-shadow:inset 0 0 0 4px #fadbf2}.search::placeholder{color:#080806;opacity:1}.pictureContainer{width:35%;display:flex;flex-direction:column;align-items:center}.list{display:flex;flex-direction:column;align-items:center}ul{list-style:none;background-color:#f7e9f5b3;font-family:Noto Sans Display,sans-serif;border-radius:15px;box-shadow:2px 2px 4px #1b1b18}li{display:block;font-size:23px;font-weight:bolder;padding:3px 6px;margin:4px 3px 4px 2px;border-radius:15px}li:hover{background-color:#bbf5e2b3}table,td,th{font-family:Noto Sans Display,sans-serif;border:#939094 1px solid;background-color:#f7e9f5b3;border-radius:15px;padding:10px;margin:5px;font-size:20px;box-shadow:2px 2px 4px #1b1b18}td:hover,th:hover{background-color:#6d6b6b;color:#f3f1ef}.mainContainer{display:flex;justify-content:space-around;flex-wrap:wrap}.tableContainer table{margin-left:auto;margin-right:auto}h1{font-size:40px;font-family:Noto Sans Display,sans-serif;text-shadow:2px 2px 4px #353135}h2{font-size:35px;margin-top:50px;font-family:Noto Sans Display,sans-serif;text-shadow:2px 2px 4px #353135}.tableContainer{display:flex;flex-direction:column;align-self:center;width:60%}h3{font-size:30px;font-family:Noto Sans Display,sans-serif;text-shadow:2px 2px 4px #353135}@media all and (max-width: 950px){.pictureContainer,.tableContainer{width:100%}.mainContainer{flex-direction:column}h1{font-size:32px}.search{padding:10px}.icon{width:36px}.tableContainer{width:80%}.list{padding:8px}h2{margin-top:15px;font-size:28px;margin-bottom:8px}h3{font-size:25px;margin:10px}table{margin-top:50px}li{font-size:20px}}@media all and (max-width: 770px){.tableContainer{width:90%}table{width:100%;table-layout:fixed;word-wrap:break-word}th,td{font-size:16px;padding:5px}.tableContainer table{margin-left:0;margin-right:0}}@media all and (max-width: 500px){h2{font-size:22px}table,td,th{padding:6px;margin:3px;font-size:14px}table{margin-top:40px}li{font-size:18px}}@media all and (max-width: 393px){h1{font-size:26px}h2{font-size:20px}h3{font-size:24px}.image{width:300px}.search{padding:14px 16px;font-size:18px}.icon{width:43px}table,td,th{font-size:12px}li{font-size:16px}}@media all and (max-width: 320px){.image{width:250px}.search{padding:10px 14px;font-size:16px}.icon{width:33px}table,td,th{font-size:10px}li{font-size:14px}}@media all and (max-width: 280px){.image{width:230px}table,td,th{font-size:8px}li{font-size:12px}}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}