header{justify-content:space-between !important;padding:15px 0}header a{text-decoration:none}header p{transition:0.3s;color:var(--red);margin:0;font-family:'Raleway';font-weight:500;font-size:18px}header svg{fill:var(--red);transition:0.3s;margin-right:5px}header .link-container{height:24px;margin-right:12px;cursor:pointer}header .link-container:hover p{color:var(--green)}header .link-container:hover svg{fill:var(--green)}

footer{flex-shrink:0;background-color:var(--red);height:45px;padding-top:4px}

:root{--red: #C5222D;--green: #8DCB77;--gray: #676767;--white: #FFFFFF}@font-face{font-family:'Raleway';src:local("Raleway"),url(/fonts/Raleway-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:'Raleway';src:local("Raleway"),url(/fonts/Raleway-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:'Raleway';src:local("Raleway"),url(/fonts/Raleway-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:'Raleway';src:local("Raleway"),url(/fonts/Raleway-ExtraBold.ttf) format("truetype");font-weight:800}@font-face{font-family:'Montserrat';src:local("Montserrat"),url(/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:'Montserrat';src:local("Montserrat"),url(/fonts/Montserrat-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:'Montserrat';src:local("Montserrat"),url(/fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700}body{margin:0;background-color:var(--white)}a{text-decoration:none}*{box-sizing:border-box}.fade-enter{opacity:0;z-index:1}.fade-enter.fade-enter-active{opacity:1;transition:opacity 250ms ease-in}.row{display:flex;align-items:center;justify-content:center;flex-direction:row}.column{display:flex;align-items:center;justify-content:center;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 0 auto}.container{width:90vw;margin:0 auto}.title-big{margin:0;color:var(--green);font-family:'Raleway';font-size:51px;font-weight:800}.title{margin:0;color:var(--red);font-family:'Raleway';font-size:38px;font-weight:800;position:relative}.title::after{display:block;content:'';width:40%;height:4px;background:var(--red);position:absolute;left:0;right:0;margin-top:6px;margin-left:auto;margin-right:auto}.title-small{margin:0;color:var(--gray);font-family:'Raleway';font-weight:700;font-size:17px;text-align:center}.text-medium{margin:0;color:var(--gray);font-family:'Montserrat';font-weight:400;font-size:17px;text-align:left}.text-small{margin:0;color:var(--gray);font-family:'Montserrat';font-weight:400;font-size:13px;text-align:left}

button{text-align:center;cursor:pointer;border:none;outline:0;transition:.2s;will-change:transform;color:var(--white)}button:active{transform:scale(0.9)}button.classic{background:transparent linear-gradient(90deg, #8DCB77 0%, #8AC674 55%, #6DA258 100%) 0% 0% no-repeat padding-box;font-family:'Raleway';font-size:17px;font-weight:700;width:190px;height:33px;border-radius:7px}button.rounded{background:var(--red);font-family:'Montserrat';font-size:13px;font-weight:500;width:170px;height:38px;border-radius:19px}

.about{position:relative;justify-content:space-between !important;margin-top:50px !important;margin-bottom:83px !important}.about .about-info{width:600px;padding-left:31px}.about .about-info .animated{color:var(--red)}.about .box{position:absolute;left:0px;width:6px;height:235px;background-color:var(--green)}.about .about-text{width:414px;margin:14px 0}.works{margin-top:30px !important}.step-details{margin:46px 0 61px 0;align-items:flex-start !important}.step-details .step-detail{width:200px;margin:0 23px}.step-details img{margin-bottom:20px}.step-details p{text-align:center !important;margin:3px 0}.plans{background-color:var(--green)}.plans h2{color:var(--white) !important;margin-top:38px}.plans .title::after{background:var(--white) !important}.plan-cards{width:550px;justify-content:space-between !important}.card-detail{background-color:var(--white);width:240px;height:295px;border-radius:28px;box-shadow:0px 6px 10px #0000004D;margin:47px 0 62px 0}.card-detail .card-detail-content{justify-content:flex-start !important;height:190px;margin-bottom:19px}.card-detail .title-small{margin:19px 0 5px 0}.card-detail p{width:200px;text-align:center}

hr{border:0;height:0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}

.dashboard{padding:30px 0}.dashboard h2{font-size:33px !important}.dashboard input{width:464px;padding:4px 23px;height:20px;box-shadow:0px 0px 3px #00000029;border:none;border-radius:17px;outline:0;background-image:url("/assets/search.png");background-repeat:no-repeat;background-size:12px 12px;background-position:left 5px top 50%;font-family:'Montserrat';font-weight:400;color:var(--red)}.dashboard input::placeholder{font-family:'Montserrat';color:#BCBCBC;font-size:11px;font-weight:400}.recipes-grid{width:100%;padding:35px 0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:50px;grid-row-gap:50px;animation:animationIn .5s ease-in forwards}@keyframes animationIn{0%{opacity:0}100%{opacity:1}}.loading-container{padding:35px 0}

.tag-selector{width:468px;margin:51px 0 32px 0;justify-content:space-between !important}.tag-button{width:108px;height:24px;text-align:center;cursor:pointer;border:none;outline:0;box-shadow:0px 0px 2px #00000029;border-radius:17px;color:var(--red);font-family:'Montserrat';font-size:13px;font-weight:500;transition:.2s;will-change:transform}.tag-button:active{transform:scale(0.9)}.tag-button.selected{background-color:var(--red);color:var(--white);box-shadow:1px 4px 7px #84000082}

.recipe-card{margin-bottom:20px;width:354px;height:325px;position:relative}.recipe-card img{width:100%;height:257px;position:absolute;top:0;box-shadow:0px 3px 6px #00000029;border-radius:21px 21px 0px 0px}.recipe-card .recipe-details{width:354px;height:119px;position:absolute;bottom:0;box-shadow:0px 0px 6px #00000078;border-radius:21px;background-color:var(--white)}.recipe-card .recipe-details h3{width:230px;font-family:'Montserrat';color:#343434;font-size:19px;font-weight:700;text-align:center;margin:0 0 16px 0}.recipe-card .recipe-details .recipe-details-info{width:300px;border-top:1px solid var(--red);padding-top:13px}.recipe-card .recipe-details .recipe-details-info .recipe-time{width:73px;height:16px;border-right:1px solid #B8B8B873}.recipe-card .recipe-details .recipe-details-info .recipe-people{width:50px;height:16px;border-right:1px solid #B8B8B873}.recipe-card .recipe-details .recipe-details-info .recipe-people svg{fill:var(--red)}.recipe-card .recipe-details .recipe-details-info .recipe-likes{width:54px;height:16px}.recipe-card .recipe-details .recipe-details-info .recipe-card-text{font-family:'Montserrat';color:#676767;font-size:12px;font-weight:400;margin:0 0 0 6px}

.loading-ring{display:inline-block;position:relative;width:64px;height:64px;margin:0 auto}.loading-ring div{box-sizing:border-box;display:block;position:absolute;width:51px;height:51px;margin:6px;border:6px solid var(--red);border-radius:50%;animation:loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:var(--red) transparent transparent transparent}.loading-ring div:nth-child(1){animation-delay:-0.45s}.loading-ring div:nth-child(2){animation-delay:-0.3s}.loading-ring div:nth-child(3){animation-delay:-0.15s}@keyframes loading-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.login-container{width:100vw;height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center}.login-card{width:354px;height:455px;box-shadow:0px 6px 10px #0000004D;border-radius:28px}form input{border:none;border-bottom:1px solid #BCBCBC;font-family:'Montserrat';font-weight:400;outline:0;width:100%;color:var(--gray);font-size:12px;font-weight:500;padding:2px;margin-bottom:8px}form input::placeholder{font-family:'Montserrat';color:#BCBCBC;font-size:10px;font-weight:400}.form-label{align-self:flex-start;font-family:'Montserrat';color:var(--red);font-size:11px;font-weight:400;text-align:left;margin-bottom:8px}.input-container{width:240px;height:58px;justify-content:flex-start !important;margin-bottom:10px}form p{align-self:center !important}.login-welcome{font-family:'Montserrat';font-weight:700;font-size:19px;color:var(--gray);margin:15px}.login-new{font-family:'Montserrat';font-weight:700;font-size:15px;color:var(--red);margin:0}.login-create{font-family:'Montserrat';font-weight:400;font-size:12px;color:var(--red);margin:0}.login-create a{color:var(--red)}form button{margin:19px 0;width:100% !important}

.register-card{width:354px;height:535px;box-shadow:0px 6px 10px #0000004D;border-radius:28px}

.recipe-page{margin-bottom:50px}.recipe-page img{width:100%;height:261px}.recipe-page h1{font-family:'Montserrat';color:#343434;font-size:45px;font-weight:700;margin:34px 0  20px 0}.recipe-page .numbers{width:100%;border-top:1px solid var(--red);padding-top:13px}.recipe-page .numbers .recipe-time{width:90px;height:28px;border-right:1px solid #B8B8B873}.recipe-page .numbers .recipe-people{width:90px;height:28px;border-right:1px solid #B8B8B873}.recipe-page .numbers .recipe-people svg{fill:var(--red)}.recipe-page .numbers .recipe-likes{width:90px;height:28px}.recipe-page .numbers .recipe-numbers-text{font-family:'Montserrat';color:#676767;font-size:16px;font-weight:400;margin:0 0 0 16px}.recipe-page .back-link-container{height:24px;margin:0 0 25px 0}.recipe-page .back-link-container a{text-decoration:none}.recipe-page .back-link-container p{transition:0.3s;color:var(--red);margin:0;font-family:'Raleway';font-weight:400;font-size:16px}.recipe-page .back-link-container svg{fill:var(--red);transition:0.3s;margin-right:5px}.recipe-page .back-link-container:hover p{color:var(--green)}.recipe-page .back-link-container:hover svg{fill:var(--green)}.recipe-section{width:100%;border-bottom:1px solid var(--red);padding:0px 100px;margin:45px 0 0;padding-bottom:30px;align-items:flex-start !important}.recipe-section h2{color:var(--red);margin:0;font-family:'Raleway';font-weight:800;font-size:33px}.recipe-section p{font-family:'Montserrat';color:var(--gray);font-size:17px;font-weight:400}.recipe-section iframe{margin:20px 0;align-self:center}.recipe-section button{margin:35px auto 0 auto}.ingredients-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:35px;grid-row-gap:35px}.ingredients-container .ingredient{justify-content:flex-start !important}.ingredients-container .checkbox{margin:0 5px 0 0}.ingredients-container label{font-family:'Montserrat';color:var(--gray);font-size:15px;font-weight:400}

.profile{margin-bottom:50px;margin-top:50px}.profile img{width:132px}.profile h2{color:var(--red);margin:15px 0 0px 0;font-family:'Raleway';font-weight:800;font-size:33px}.profile p{font-family:'Montserrat';color:var(--gray);font-size:17px;font-weight:400;margin-bottom:20px}.profile .plan{color:var(--red);margin:0;font-family:'Raleway';font-weight:400;font-size:16px}.profile button{width:200px;margin:23px 0}.profile hr{width:70vw;margin:10px 0}.profile-data{width:354px;align-items:flex-start !important}.profile-data .profile-data-label{font-family:'Montserrat';color:var(--gray);font-size:12px;font-weight:400;margin:0}.profile-data .profile-data-text{font-family:'Montserrat';color:var(--red);font-size:17px;font-weight:400;margin:8px 0px 3px 5px}.profile-data hr{width:100%;margin:0 0 15px 0}.profile-data img{margin:20px 0;width:354px}.profile-data .edit-card-container{width:100%;justify-content:space-around !important;cursor:pointer}.profile-data .edit-card-container p:last-child{color:var(--red)}


/*# sourceMappingURL=main.css.map*/