@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Waiting+for+the+Sunrise&display=swap);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}:root{--navbar-bg-color:#202020;--navbar-text-color:#d3d3d3;--form-border:solid hsla(0,0%,100%,0.4) 1px;--form-border-radius:20px;--form-padding:30px 100px;--form-bg-color:#202020;--margin:auto;--margin-top:100px;--form-width:30%;--input-bg-color:#fff;--input-border:none;--input-margin:10px 0px;--input-padding:5px 50px;--label-font-weight:bolder;--label-font-size:18px;--primary-font-family:"Montserrat",sans-serif;--secondary-font-family:"Waiting for the Sunrise",cursive}.App,.loading-page{font-family:"Montserrat",sans-serif;font-family:var(--primary-font-family);box-sizing:border-box;text-align:center;background-image:url(/static/media/background-image.ddca04f9.jpg);background-repeat:no-repeat;background-size:cover;margin:0;padding:0;min-height:100vh;color:#fff}.btn{border:none;padding:5px 20px;color:#fff;border-radius:5px;font-weight:bolder;font-size:1em;margin:10px;text-transform:uppercase;cursor:pointer}.btn-primary{background-color:transparent}.btn-secondary{background-color:var(--form-bg-color)}.btn-secondary:hover{background-color:#020202}.btn-link{text-decoration:none}.btn-tertiary{background-color:hsla(0,0%,100%,.4)}.btn-tertiary:hover{background-color:rgba(144,143,143,.4)}.btn-quaternary{background-color:transparent;color:var(--navbar-text-color);margin-left:140px;margin-top:40px;font-size:.8em}.btn-quaternary:hover{color:#fff}.btn-quinary{background-color:var(--form-bg-color);margin-top:20px}.btn-quinary:hover{background-color:#020202}.btn-senary{background-color:hsla(0,0%,100%,.4);margin:5px}.btn-senary:hover{background-color:rgba(144,143,143,.4)}.btn-septanary{background-color:transparent;color:#000;font-size:1.2em;margin-left:90%}.btn-octonary{margin:0 10px;background-color:hsla(0,0%,100%,.4)}.btn-octonary:hover{background-color:rgba(144,143,143,.4)}.signup-form{border:none;border-radius:var(--form-border-radius);background-color:var(--form-bg-color);padding:var(--form-padding);margin:var(--margin);margin-top:var(--margin-top);width:var(--form-width)}.signup-form h1{font-family:var(--secondary-font-family);font-size:3em}label{font-weight:var(--label-font-weight);font-size:var(--label-font-size)}input,select{background-color:var(--input-bg-color);border:var(--input-border);margin:var(--input-margin);padding:var(--input-padding)}.login-form{border-radius:var(--form-border-radius);background-color:var(--form-bg-color);padding:var(--form-padding);margin:var(--margin);margin-top:var(--margin-top);width:var(--form-width)}.login-form h1{font-family:var(--secondary-font-family);font-size:3em}input{background-color:var(--input-bg-color);border:var(--input-border);margin:var(--input-margin);padding:var(--input-padding)}.home{margin:var(--margin);margin-top:200px;width:50%}.home h1{font-family:var(--secondary-font-family);font-size:3.5em}.home-button{margin-top:50px}.popup{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;background-color:rgba(0,0,0,.5)}.navbar{background-color:var(--navbar-bg-color);height:70px;display:flex;justify-content:flex-start;align-items:center}.menu-bars{margin-left:2rem;font-size:2rem;background:none;text-decoration:none}.bars{height:4px;width:50px;margin:5px 0;background-color:var(--navbar-text-color)}.nav-menu{background-color:var(--navbar-bg-color);width:250px;height:100vh;display:flex;justify-content:center;position:fixed;top:0;left:-100%;transition:.5s}.nav-menu.active{left:0;transition:.3s}.nav-text{color:var(--navbar-text-color);display:flex;justify-content:flex-start;align-items:center;padding:15px 0 15px 16px;height:60px;text-decoration:none;width:85%;height:100%;border-radius:4px;font-size:20px;text-transform:uppercase}.nav-text:hover{background-color:#404040}.nav-menu-items{width:100%;list-style:none}.navbar-toggle{background-color:var(--navbar-bg-color);width:100%;height:80px;display:flex;justify-content:flex-start;align-items:center}.logo{display:block;margin-left:auto;margin-right:auto}.logo img{height:80px}.nav-profile{display:flex}.nav-profile img{display:inline-block;width:50px;height:50px;border-radius:50%;background-color:#fff;margin-left:5px}.fav-icon{font-size:1.5em;margin:10px;color:#fff;cursor:pointer}.contact{position:fixed;bottom:20px;display:flex}.contact-icon{color:var(--navbar-text-color);font-size:1.5em;margin:0 5px}.contact-icon:hover{color:#fff}.profile{margin:var(--margin);margin-top:var(--margin-top);width:50%}.profile h1{font-family:var(--secondary-font-family);font-size:3em}.profile-picture img{display:inline-block;width:150px;height:150px;border-radius:50%;background-color:#fff}.profile-details{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:50px;margin-left:50px;padding:50px;border:var(--form-border);border-radius:var(--form-border-radius)}.profile-picture{flex:50% 1}.profile-info{text-align:left;flex:50% 1}.form-popup input{background-color:hsla(0,0%,100%,.5);width:175px}.logout{width:60%}.favourite-recipes,.logout{margin:var(--margin);margin-top:var(--margin-top)}.favourite-recipes h1{font-family:var(--secondary-font-family);font-size:3em}.favourites-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:0 70px}.favourites-list img{height:100px}.one-favourite{border:var(--form-border);border-radius:var(--form-border-radius);padding:20px 0;width:250px}.one-favourite a{text-decoration:none;color:#fff}.icons{font-size:1.5em;margin:10px 5px;color:#fff;cursor:pointer}.icons:hover{color:hsla(0,0%,100%,.4)}
/*# sourceMappingURL=main.646e2dae.chunk.css.map */