.search-module-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center;z-index:10}.module-container,.search-module-container{width:500px;height:500px;display:flex;align-items:center}.module-container{background-color:#3a3b4f;color:white;padding:40px 20px;border-radius:30px;flex-direction:column;justify-content:flex-start;box-shadow:0 4px 6px rgba(0,0,0,.2)}.input{border:2px solid transparent;width:25em;height:2.5em;padding-left:.8em;outline:none;overflow:hidden;background-color:#F3F3F3;border-radius:10px;transition:all .5s}.input:focus,.input:hover{border:2px solid #43a167;box-shadow:0 0 0 7px rgba(74,236,155,.2);background-color:white}.TeamModule{background-color:#3a3b4f;padding:25px;margin:50px 12px 0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);height:600px;width:560px;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;text-align:center;z-index:3;position:relative}#team-module-header{margin:0 10px;color:white}#title-container{align-items:center;display:flex;flex-direction:row;margin-bottom:30px}.TeamModule img{height:25px;width:25px}#team-crest-url{width:40px;height:40px}.crest-name-container{display:flex;align-items:center}.crest-name-container img{margin-right:10px}#league-emblem{width:40px;height:40px;background-color:white;padding:5px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2)}.date-container{display:flex;flex-direction:column}.close-team-button{background-color:#222231;border-radius:8px;padding:2px;position:absolute;top:18px;left:488px;box-shadow:0 4px 6px rgba(0,0,0,.2)}.module-grid-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.module{background-color:#3a3b4f;padding:25px;margin:50px 12px 0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);height:600px;width:300px;flex-direction:row;gap:10px;text-align:center;z-index:3}.Btn,.module{display:flex;align-items:center;justify-content:center;position:relative}.Btn{width:45px;height:45px;border:none;border-radius:8px;cursor:pointer;overflow:hidden;transition-duration:.3s;box-shadow:2px 2px 10px rgba(0,0,0,.199);background-color:#222231;font-family:Nunito,sans-serif}.sign{width:100%;font-size:2em;display:flex;align-items:center;justify-content:center}.sign,.text{color:white;transition-duration:.3s}.text{position:absolute;right:0;width:0;opacity:0;font-size:1.2em;font-weight:500;text-align:center}.Btn:hover{width:125px;border-radius:8px;transition-duration:.3s}.Btn:hover .sign{opacity:0;transition-duration:.3s;padding-left:20px}.Btn:hover .text{opacity:1;width:80%;transition-duration:.3s;padding-right:20px}.Btn:active{transform:translate(2px,2px)}.dropdown-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hamburger-menu-container,.selected-teams{font-family:Nunito,sans-serif;color:white}.hamburger-menu-container{display:flex;flex-direction:column;position:absolute;top:50px;left:0;background-color:#222231;height:500px;width:200px;z-index:10000;text-align:center}#menu-label{background-color:#3a3b4f;box-shadow:0 4px 6px rgba(0,0,0,.2)}.manu-options-container{display:flex;flex-direction:column}.menu-options{display:flex;flex-direction:row;align-items:center;margin:10px 0;padding:5px;width:100%}#about-label,#home-label{margin-left:20px}.menu-options button{background:#3a3b4f;border:none;padding:10px 20px;display:inline-block;font-size:12px;font-weight:600;width:120px;text-transform:uppercase;cursor:pointer;transform:skew(-21deg);margin-left:10px;box-shadow:0 4px 6px rgba(0,0,0,.2)}.menu-options span{display:inline-block;transform:skew(21deg)}.menu-options button:before{content:"";position:absolute;top:0;bottom:0;right:100%;left:0;background:#606174;opacity:0;z-index:-1;transition:all .5s}.menu-options button:hover{color:#fff}.menu-options button:hover:before{left:0;right:0;opacity:1}span{color:rgb(255,255,255)}.container{display:flex;flex-direction:column;justify-content:center}.search-items img{height:25px;width:25px}.search-form{position:relative;width:400px}.search-input{font-family:Nunito,sans-serif;width:100%}.search-button,.search-input{padding:1rem;border-radius:9999px}.search-button{position:absolute;right:.25rem;top:50%}.search-items{font-family:Nunito,sans-serif;display:flex;position:absolute;top:5rem;padding:1rem;flex-direction:column;border-width:0;width:100%;color:#ffffff}.button-results{display:flex;text-align:center;align-items:center;justify-content:center;margin-bottom:3px;background-color:#2b2c3b;border:1px solid #2b2c3b;box-shadow:0 4px 6px rgba(0,0,0,.2);height:35px}.button-results:hover{background-color:#5b5d7c}