#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}a{text-decoration:none;color:#000}input,textarea{font-size:16px}button{border:1px solid;padding:.5rem 1rem;border-radius:.5rem;background-color:#6eb446;border-color:#eeb76b00;font-weight:600;font-size:medium;color:#000;cursor:pointer;box-shadow:-.3rem .3rem #00000080}button:hover{background-color:#80d25a}button:not(:hover){transition:all .3s ease-in-out}.nothing{display:none}.navbar{display:flex;justify-content:space-between;gap:4rem;margin-bottom:2rem}.navbar--logo{max-width:32rem;margin-bottom:2rem;border-radius:2rem;box-shadow:-.4rem .5rem #0006}.navbar--register{background-color:#1da1f2}.navbar--register:hover{background-color:#27acff}.navbar--logout{background-color:#d24846}.navbar--logout:hover{background-color:#e65a5a}.modal--bg{background-color:#0006;position:fixed;left:0;top:0;width:100%;height:100%;backdrop-filter:blur(4px);z-index:1000}.modal--container{position:fixed;background-color:#242424;width:46rem;height:42rem;border-radius:1rem;z-index:1001;box-shadow:0 0 3rem 2rem #00000040;padding:0 1rem;top:50%;left:50%;margin-top:-21rem;margin-left:-24rem}.modal--ingredients{display:flex;flex-direction:row;gap:0rem .6rem;flex-wrap:wrap;justify-content:center;margin:auto;max-width:32rem}.modal--ingredient{max-width:10rem;color:#000;font-weight:600;background-color:#ebb982cc;padding:.3rem .65rem;border-radius:1rem;cursor:default;box-shadow:-.25rem .35rem #00000080;display:flex;justify-content:center;align-content:center;align-self:center;margin:.2rem 0}.modal--owner{font-weight:500rem;margin-top:-2rem;display:flex;flex-direction:row;justify-content:center;gap:.5rem;align-font:bottom;align-self:center;color:#fff9}.modal--mobile-x{background-color:#d24846;color:#000;font-weight:700;font-size:x-large;right:1rem;bottom:2rem;padding:.7rem 1.8rem;border-radius:1rem;position:fixed;display:none;cursor:pointer}.modal--mobile-x:hover{background-color:#e65a5a}.modal--mobile-back{background-color:#6eb446;color:#000;font-weight:700;font-size:x-large;right:1rem;top:2rem;padding:.7rem 1.8rem;border-radius:1rem;position:fixed;display:none;cursor:pointer;z-index:100}.modal--mobile-like{display:none;margin-bottom:-2rem}.modal--name{font-weight:600;font-size:large;margin-top:1rem}.modal--buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem}.modal--recipe{display:flex;justify-content:center;padding:0rem 2rem;margin:auto auto 1rem;max-width:40rem}.confirmDelete--bg{background-color:#0009;position:fixed;left:0;top:0;width:100%;height:100%;backdrop-filter:blur(4px);z-index:1002}.confirmDelete--container{margin:auto;height:16rem;width:20rem;margin-top:14rem;left:20%;padding:5%;z-index:1003;background-color:#242424;box-shadow:-0rem 0 2rem 1rem #0003;border-radius:1rem}.confirmDelete--container span{display:flex;justify-content:center}.confirmDelete--container button{margin:1.5rem}.deleteButton{background-color:#d24846;cursor:pointer}.deleteButton:hover{background-color:#e65a5a;cursor:pointer}.deleteButton:not(:hover){transition:all .3s ease-in-out}.confirmDelete--content{padding-top:rem}.pizza{box-shadow:-.3rem .3rem #00000080;width:22rem;height:32rem;display:grid;grid-template-rows:2fr 1fr 1fr 4fr 1fr;padding:1rem 2rem;justify-content:center;border-radius:1rem;background-color:#232323}.pizza:hover{background-color:#242424;box-shadow:-.4rem .4rem 0 2px #0006;transition:all .3s ease-in-out}.pizza:not(:hover){transition:all .3s ease-in-out}.pizza button{width:14rem;padding:1rem;margin:auto}.pizza--title p{color:#fff9}.pizza--ingredients{display:flex;flex-direction:row;flex-wrap:flex-start;justify-content:space-between;width:20rem;gap:.5rem;align-self:center}.pizza--ingredient{color:#000;font-weight:500;font-size:small;background-color:#ebb982cc;padding:.3rem .5rem;border-radius:1rem;cursor:default;margin:auto;align-content:center;box-shadow:-.25rem .35rem #000;max-width:5rem;max-height:4rem;overflow:hidden}.pizza--row{display:flex;flex-direction:row;flex-wrap:flex-start;justify-content:flex-start;gap:1rem;width:20rem;max-width:20rem;overflow:hidden}.pizza--title{display:flex;flex-direction:column}.pizza--title-row{display:flex;flex-direction:row;justify-content:center;gap:.5rem}.pizza--title-name{margin-top:.5rem;margin-bottom:-1rem;font-size:x-large}.pizza--title h1{margin-bottom:-.5rem}.pizza--like{position:relative}.pizza--like-container{background-color:#0000;position:relative;box-shadow:none;padding-top:1rem;width:3rem;height:auto;z-index:2}.pizza--bottom-buttons{display:flex;flex-direction:row;flex-start:right}.pizza--like-heart-empty{background-color:#000;display:inline-block;height:2rem;margin:0 .5rem;position:relative;top:0;transform:rotate(45deg);width:2rem;cursor:pointer;z-index:2}.pizza--like-heart-empty:hover{background-color:red}.pizza--like-heart-empty:not(:hover){transition:all 1s ease-in-out}.pizza--like-heart-empty:before,.pizza--like-heart-empty:after{content:"";cursor:pointer;background-color:#000;border-radius:50%;height:2rem;position:absolute;width:2rem;z-index:2}.pizza--like-heart-empty:hover:before,.pizza--like-heart-empty:hover:after{background-color:red}.pizza--like-heart-empty:not(:hover):before,.pizza--like-heart-empty:not(:hover):after{transition:all 1s ease-in-out}.pizza--like-heart-empty:before{top:-1rem;left:0}.pizza--like-heart-empty:after{left:-1rem;top:0}.pizza--like-heart{background-color:red;display:inline-block;height:2rem;margin:0 .5rem;position:relative;cursor:pointer;top:0;transform:rotate(45deg);width:2rem;transition:all .2s ease-in-out;z-index:2}.pizza--like-heart:before,.pizza--like-heart:after{content:"";background-color:red;cursor:pointer;z-index:2;border-radius:50%;height:2rem;position:absolute;width:2rem;transition:all .2s ease-in-out}.pizza--like-heart:before{top:-1rem;left:0}.pizza--like-heart:after{left:-1rem;top:0}.heart-text{transform:rotate(-45deg)}@media screen and (max-width: 1340px){.navbar{justify-content:space-between}}@media screen and (max-width: 800px){.pizza{width:18rem}.pizza--like{margin-left:.3rem}.navbar{justify-content:space-between;gap:1rem}.navbar button{padding:.5rem}.modal--container{position:relative;background-color:#242424;width:90%;height:90%;top:5%;left:5%;border-radius:1rem;z-index:2;box-shadow:0 0 3rem 2rem #00000040;padding:0;overflow-y:scroll;margin:0}.modal--title{margin-top:2rem}.modal--owner{margin-bottom:-1rem}.modal--row{margin-left:2.5rem;display:flex;justify-content:flex-start;margin-bottom:-1rem;font-size:small}.modal--row h2{font-weight:500}.modal--ingredients{gap:.5rem;margin:1rem 1.5rem 0}.modal--ingredient{margin:0;font-size:small;padding:.2rem .4rem}.modal--mobile-x,.modal--mobile-back{display:flex}.modal--mobile-like{display:flex;margin-left:1rem;margin-top:1rem}.modal--buttons{display:none}}.containerButton{width:19rem;margin-bottom:2rem}.pizzas--container{margin:auto;justify-content:center;display:flex}.form{display:flex;justify-content:center}.form-group-buttons{display:flex;flex-direction:row;justify-content:center;gap:1rem}.login--form-control{padding:.5rem;width:18rem;margin-bottom:.5rem}.pizzaName--form-control{padding:.5rem;width:32rem;margin-bottom:.5rem}.ingredients--form-control{padding:.5rem;width:32rem;height:4rem;margin-bottom:.5rem;resize:none}.recipe--form-control{padding:.5rem;width:32rem;height:12rem;margin-bottom:.5rem;resize:none}.login--button{margin-top:1rem;width:19.25rem}.login--button-back{margin-top:1rem;width:8rem}.login--button-blue{margin-top:1rem;width:19.25rem;background-color:#1da1f2}.login--button-blue:hover{margin-top:1rem;width:19.25rem;background-color:#27acff}.search--selector-dropdown button{font-size:small;padding:.55rem;font-weight:500;margin:0 .5rem 1rem}.pizzas--search{padding:.5rem;width:18rem;border-radius:.5rem;box-shadow:-0rem 0 2rem 1rem #0003}.pizzas--search-container{display:flex;flex-direction:column;justify-content:space-around;margin:-2rem auto 2rem}.pizzas--Box{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;flex-wrap:wrap;margin:auto}@media screen and (max-width: 1340px){.pizzas--Box{display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width: 900px){.pizzas--Box{display:flex;flex-direction:column;justify-content:center}.pizzas--top{flex-direction:column}.search--selector-dropdown button{font-size:small;padding:.5rem;font-weight:500;margin:0 .45rem 1rem}.pizzas--search{padding:.5rem;width:18rem;border-radius:.5rem;box-shadow:-0rem 0 2rem 1rem #0003}.form{width:18rem;margin:auto}.login--button-back{margin-top:1rem;width:19.25rem}.form-group-buttons{flex-direction:column}.pizzaName--form-control{width:18rem;margin:auto}.ingredients--form-control{width:18rem;margin:.5rem auto}.recipe--form-control{width:18rem;margin:auto}}body{scroll-behavior:smooth;margin:0;box-size:box-border;scrollbar-width:none}@-moz-document url-prefix(){html{scrollbar-width:none}}body body::-webkit-scrollbar{display:none}a,button,textarea,input{font-family:Roboto,sans-serif}:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color:#ffffffe6;background-color:#262626;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}