:root{--light-shade:#f5f5eb;--light-accent:#baa1aa;--brand-color:#ec959d;--dark-shade:#c83951;--dark-accent:#45334b}*{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}body{background-color:#f5f5eb;background-color:var(--light-shade)}.App{display:flex;flex-direction:column;min-height:100vh}.LogoAndUser{align-items:center;display:flex;justify-content:space-between}.LogoAndUser .user-details{align-items:center;display:flex;margin-right:10px;min-height:50px}.LogoAndUser .user-details a{color:#45334b;color:var(--dark-accent);font-weight:700;text-decoration:none}.LogoAndUser .user-details a.login-logout{font-weight:400}.LogoAndUser .user-details img{border-radius:50%;height:40px;margin:5px 0 5px 10px}.LogoAndUser .user-details div{text-align:right}.LogoAndUser .logo{background-color:#c83951;background-color:var(--dark-shade);border-radius:50px;margin:5px 0 5px 10px;max-height:60px;padding:5px}.LogoAndUser .logo img{height:40px;margin:5px;object-fit:cover;width:40px}.LogoAndUser .logo .company-name{color:#f5f5eb;color:var(--light-shade);display:none;float:right;font-size:larger;font-weight:700;padding-right:5px;padding-top:12px;text-shadow:0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000}.Nav{background-color:#c83951;background-color:var(--dark-shade);position:-webkit-sticky;position:sticky;top:0}.Nav ul{align-items:stretch;display:flex;justify-content:space-around;list-style-type:none}.Nav ul li{align-items:center;border-left:2px solid #ec959d;border-left:2px solid var(--brand-color);display:flex;flex-grow:1;justify-content:center;text-align:center}.Nav ul li:first-child{border-left:none}.Nav ul li:hover{background-color:#ec959d;background-color:var(--brand-color)}.Nav ul li a{align-items:stretch;align-self:center;color:#f5f5eb;color:var(--light-shade);display:flex;font-weight:700;justify-self:center;text-decoration:none;text-shadow:0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000}.Home{display:flex;flex-direction:column}.Home a{color:#45334b;color:var(--dark-accent);font-weight:700;text-decoration:underline}.Home .welcome{align-items:center;background-image:url(https://images.pexels.com/photos/6150432/pexels-photo-6150432.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:50%;background-size:cover;display:flex;flex-grow:1;height:300px}.Home .welcome section{background-color:hsla(60,33%,94%,.8);font-weight:700;text-align:center;width:100%}.Home .welcome section>p{margin-bottom:15px;margin-top:10px}.Home .get-started{font-size:1.4em}.Home .get-started h2{text-align:center}.Home .get-started>div{background-color:#baa1aa;background-color:var(--light-accent);border-radius:5px;padding:10px}.Home .get-started ul{margin-left:25px}.Home .explanation{background-color:#ec959d;background-color:var(--brand-color)}.Home .explanation>p{margin-bottom:10px}.playlist-info{align-items:flex-end;display:flex;flex-direction:column}.playlist-info .review-data,p{align-self:flex-start;min-height:20px}.playlist-info h2{align-self:flex-start;min-height:90px}.playlist-info a:hover{font-weight:700}.playlist-info .delete-button{padding:8px 2px}.playlist-info .delete-btn{background-color:#45334b;background-color:var(--dark-accent);border:none;color:#f5f5eb;color:var(--light-shade);font-size:16px;padding:8px 16px;transition-duration:.4s}.delete-btn:active,.playlist-info .delete-btn:hover{background-color:#ec959d;background-color:var(--brand-color);font-weight:400}.Playlists .review-votestars button{background-color:initial;border:none;cursor:pointer;font-size:30px;outline:none}.Playlists .review-votestars .on{color:#ff0;text-shadow:1px 1px 2px #ff0,0 0 2em #ec959d,0 0 .2em blue;text-shadow:1px 1px 2px #ff0,0 0 2em var(--brand-color),0 0 .2em blue}.Playlists .review-votestars .off{color:#f5f5eb}.Playlists ul{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,100%);justify-content:center;list-style-type:none;padding-left:0}.Playlists ul li{background-color:#baa1aa;background-color:var(--light-accent);transition-delay:.1s}.Playlists ul li:hover{background-color:#c83951;background-color:var(--dark-shade)}.Playlists ul li img{height:120px;justify-self:center;object-fit:cover;width:100%}.Playlists ul li a{color:#45334b;color:var(--dark-accent);text-decoration:none}.Playlists .review-data p{display:inline-block}.Playlist{margin:10px 0}.Playlist .playlist-details{color:#45334b;color:var(--dark-accent);display:flex;flex-wrap:wrap;justify-content:space-between}.Playlist .playlist-description{background-color:#45334b;background-color:var(--dark-accent);color:#f5f5eb;color:var(--light-shade);font-size:1.2em;font-weight:700;padding:10px}.Playlist ul{background-color:#baa1aa;background-color:var(--light-accent);border-radius:10px;list-style-type:none;margin:10px 0;padding:10px}.Playlist ul li{border-top:2px solid #45334b;border-top:2px solid var(--dark-accent);padding:15px 0}.Playlist ul li:first-child{border-top:none;padding-top:0}.Playlist ul li:last-child{padding-bottom:0}.Playlist ul li .restaurant-image{border:2px solid #45334b;border:2px solid var(--dark-accent);border-bottom:none;border-radius:10px 10px 0 0;display:block;height:150px;object-fit:cover;width:100%}.Playlist ul li .restaurant-details{background-color:#f5f5eb;background-color:var(--light-shade);border:2px solid #45334b;border:2px solid var(--dark-accent);border-radius:0 0 10px 10px;border-top:none;padding:10px}.Playlist .cuisine-img{display:block;height:150px;margin-top:10px;object-fit:cover;width:100%}.Playlist h3>a{color:#c83951;color:var(--dark-shade);float:right;font-size:.8em;font-weight:400;text-decoration:none}.Playlist .delete-restaurant-btn{background-color:#45334b;background-color:var(--dark-accent);border-radius:3px;margin-top:10px;text-align:center}.Playlist .delete-restaurant-btn a{color:#baa1aa;color:var(--light-accent);display:block;padding:5px}.profile-details img{border-radius:50%}.CreatePlaylist,.CreatePlaylist label{display:flex;flex-direction:column}.CreatePlaylist input{font-size:1.3em;padding:10px}.CreatePlaylist button{background-color:#baa1aa;background-color:var(--light-accent);border:none;color:#fff;display:inline-block;font-size:16px;padding:15px 32px;text-align:center;text-decoration:none;transition-duration:.4s}.CreatePlaylist button.playlist-submit{background-color:#c83951;background-color:var(--dark-shade);text-transform:uppercase}.CreatePlaylist button:hover{background-color:#45334b;background-color:var(--dark-accent);border:none;color:#fff;display:inline-block;font-size:16px;padding:15px 32px;text-align:center;text-decoration:none}.CreatePlaylist .form-buttons{align-items:center;display:flex;justify-content:space-around;margin:5px}.CreatePlaylist p{align-self:center;-webkit-animation:hideAnimation 0s ease-in 5s;animation:hideAnimation 0s ease-in 5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;min-height:20px}.CreatePlaylist label{margin:5px;padding-bottom:5px}.Footer{background-color:#c83951;background-color:var(--dark-shade)}.Footer,.Footer a{color:#f5f5eb;color:var(--light-shade)}.Footer a{font-weight:700}.Playlist{margin-left:10px;margin-right:10px}.CreatePlaylistPage,.Footer,.Home .explanation,.Home .get-started,.Home .welcome section,.Nav ul li a,.Playlists,.Playlists ul li .playlist-info,.Profile,.profile-details{padding:10px}.Home,.Playlist,.Playlists,.Profile{flex-grow:1}@media only screen and (min-width:400px){.Playlists ul li img{height:150px}.LogoAndUser .logo .company-name{display:flex;float:right}}@media only screen and (min-width:520px){.Playlists ul{grid-template-columns:repeat(auto-fill,45%)}.Playlists ul li img{height:120px}.CreatePlaylist,.Home{margin:0 5%}}@media only screen and (min-width:700px){.Playlists ul{grid-template-columns:repeat(auto-fill,30%)}.Playlists ul li img{height:150px}.Home .get-started>div{margin:0 auto;width:65%}.Nav ul li a{display:inline;height:100%;width:100%}.Playlist{margin:0 auto;max-width:900px;padding:10px}.Playlist .cuisine-img{display:none}.Playlist .playlist-description{margin-top:10px;padding:15px}.Playlist ul li{display:flex}.Playlist ul li .restaurant-image{border:2px solid #45334b;border:2px solid var(--dark-accent);border-radius:10px 0 0 10px;border-right:none;width:250px}.Playlist ul li .restaurant-details{border:2px solid #45334b;border:2px solid var(--dark-accent);border-left:none;border-radius:0 10px 10px 0;flex-grow:1}.CreatePlaylist,.Home{margin:0 10%}}@media only screen and (min-width:1200px){.Playlists ul{grid-template-columns:repeat(auto-fill,24%)}.Playlists ul li img{height:200px}.Home .get-started>div{width:55%}.CreatePlaylist,.Home{margin:0 15%}}
/*# sourceMappingURL=main.8997bc24.css.map*/