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}.navbar{padding:20px;display:flex;align-items:center;max-width:100%;margin:0 auto;border-bottom:2px solid #f2f2f2}.navbar h1{color:#fff;background-color:#282c34}.navbar a{margin-left:16px;text-decoration:none;padding:10px}.nav-links{color:#fff;border-radius:10px;background-color:#04aaf7;margin-left:16px;text-decoration:none;padding:10px}.nav-links:hover{border-bottom:5px solid #00000059;border-right:5px solid #00000059}.logo-img{display:flex;max-width:10%;margin:0 0 0 auto;height:auto}.home{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto;width:50%}.base-container{width:100%;display:flex;flex-direction:column;align-items:center}.header{font-size:24px;font-family:Open Sans,sans-serif}.content{display:flex;flex-direction:column}.image{width:21em;width:100%;height:100%}.form{margin-top:2em;display:flex;flex-direction:column;align-items:center}.form-group{display:flex;flex-direction:column;align-items:flex-start;width:fit-content}.label{margin-top:6px;min-width:18em;height:37px;padding:0 10px;font-size:16px;font-family:Open Sans,sans-serif;background-color:#f3f3f3;border:0;border-radius:4px;margin-bottom:31px;transition:all .25s ease-in-out}.focus{outline:none;box-shadow:0 0 12px .8px #0e81ce96}.card{width:400px;margin:5px auto;border:10px solid black;color:#0000007c;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-layout{padding-top:20px;margin:5px auto;display:flex;width:80%;gap:20px 150px;flex-wrap:wrap;align-content:center;justify-content:center}.spot-link:link,.spot-link:visited{color:#04aaf7;text-decoration:none;padding-bottom:20px}.spot-descrip{border-style:solid;border-width:5px 5px 5px 5px;text-decoration:none;color:#fff;display:flex;justify-content:center;align-content:center;max-width:75%;margin:0 auto}.App{text-align:center;background-color:#282c34}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.header{color:#282c34}.header{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#282c34}.login{width:27em;height:25em;display:flex;justify-content:center;align-items:center;margin-top:5px;position:relative;z-index:99}.login .container{display:flex;justify-content:center;align-items:center;background-color:#fff;box-shadow:0 0 12px 2px #0f0f0f33;border-radius:4px;position:relative;width:100%;height:100%;z-index:99;padding:17px 10px}.login .right-side{display:flex;flex-direction:column;justify-content:center;height:90%;background-color:#3498db;width:100%;position:absolute;right:-34%;border-radius:6px;z-index:1;transition:all .4s ease-in-out;cursor:pointer;box-shadow:0 0 12px 2px #0f0f0f48}.login .right-side.right{right:-40%;align-items:flex-end}.login .right-side.right:hover{right:-45%}.login .right-side.left{right:40%;align-items:flex-start}.login .right-side.left:hover{right:45%}.login .right-side .text{font-size:21px;font-weight:500;color:#fff;margin-right:3em;margin-left:3em}.btn{font-size:21px;padding:5px 20px;border:0;background-color:#3498db;color:#fff;border-radius:3px;transition:all .25s ease-in-out;cursor:pointer}.btn:hover{background-color:#2386c8}.btn:focus{outline:none}