@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap";.main-header{font-family:Manrope,sans-serif;width:100%;height:6rem;display:flex;align-items:center;position:fixed;top:0;left:0;background:#000000cb;box-shadow:0 2px 6px #00000080;padding:0 1rem;z-index:5}@media (max-width:1280px){.main-header{font-family:Manrope,sans-serif;width:15rem;height:100%;display:flex;align-items:start;position:fixed;top:0;right:0;background:#ff0000cb;box-shadow:0 2px 6px #00000080;z-index:5}}.button{font:inherit;padding:.5px;border:1px solid #000000;min-height:2.5rem;min-width:4.5rem;background:#fff;color:#000;cursor:pointer;margin:auto;margin-right:.5rem;margin-left:.5rem;text-decoration:none;text-align:center;display:inline-block}.button:focus{outline:none}.button:hover,.button:active{background:#000;color:#fff;border-color:#fff;transition:.2s}.button--inverse{background:transparent;color:red}.button--inverse:hover,.button--inverse:active{color:#fff;background:#4285f4}.button--danger{background:#fff;border-color:#000;color:red}.button--danger:hover,.button--danger:active{background:#fbff00;border-color:red;color:red}.button:disabled,.button:hover:disabled,.button:active:disabled{background:red;color:#979797;border-color:#ccc;cursor:not-allowed}.button--small{font-size:.8rem}.button--big{font-size:1.5rem}@media (max-width: 800px){.button{font:inherit;font-size:small;padding:0;border:1px solid #000000;min-height:1rem;min-width:3rem;background:#fff;color:#000;cursor:pointer;margin:auto;margin-right:.5rem;margin-left:.5rem;text-decoration:none;text-align:center;display:inline-block}}.nav-links{list-style:none;display:flex;flex-direction:row;font-family:Manrope,sans-serif}.nav-links li{margin-left:1rem;margin-right:1rem}.nav-links a{padding:1rem}.nav-links button{font-size:larger;font-family:Manrope,sans-serif;border-radius:5px;height:3.5rem;text-align:center}@media (max-width:1280px){.nav-links{font-family:Manrope,sans-serif;margin-top:15rem;align-items:center;list-style:none;display:flex;flex-direction:column;transform:translate(-1rem)}}.navigation__main{position:relative;font-family:Manrope,sans-serif}.navigation__main a{color:#fff;text-decoration:none}.navigation__header-nav{right:0;position:absolute}.navigation__header-nav a{text-decoration:none;color:#000}.login__status{position:absolute;color:#fff;font-size:larger;margin-left:24rem}@media (max-width:1280px){.login__status{transform:translate(-25rem,8rem);width:15rem;height:6.5rem;position:absolute;color:#fff;font-size:x-large;border-top-style:solid;border-bottom-style:solid}}@media (max-width:1280px){.navigation__title{margin-top:2rem}}.listings__page{position:relative;margin-top:3rem;font-size:larger;font-family:Manrope,sans-serif}.listings__page__error main{margin-top:3rem;font-size:larger}.listings__header{text-align:left;margin-top:8rem;color:#000}.listings__tip,.listings__tip__2{text-align:left;padding-bottom:1rem}.search__element{display:flex;width:60rem;position:absolute;border-bottom-color:#c7c7c7;border-bottom-width:4px;border-bottom-style:solid;padding-bottom:1rem}.search__bar{width:20rem;height:3rem;font-size:x-large;font-family:Manrope,sans-serif}.status__message{transform:translate(32rem);text-align:left;font-size:x-large}@media (max-width: 1280px){.listings__header{font-size:large;text-align:left;margin-top:8rem;margin-left:15rem;color:#000}.listings__tip,.listings__tip__2{font-size:smaller;margin-left:15rem;text-align:left;padding-bottom:1rem}.search__element{margin-left:15rem;border-bottom-color:#c7c7c7;border-bottom-width:4px;border-bottom-style:solid;padding-bottom:4rem}.search__bar{width:10rem;height:3rem;font-size:x-large}.search__buttons{transform:translate(-10.5rem,3.5rem)}.status__message{max-width:12rem;transform:translate(16rem,8rem);text-align:left;font-size:medium}}.listing__view{position:relative;margin:0;box-shadow:0 2px 8px #00000042;border-radius:6px;padding-top:1rem;overflow:hidden;background:#fff}@media (max-width: 1280px){.listing__view{list-style-type:none;margin-right:1rem;max-width:12rem;max-height:14rem;margin-bottom:1rem}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000bf;z-index:10}.modal{z-index:100;position:fixed;top:22vh;left:10%;width:80%;background:#fff;box-shadow:0 2px 8px #00000042;border-radius:8px}.modal__header{position:relative;display:flex;width:100%;padding:1rem .5rem;background:#000;color:#fff;border-top-left-radius:7px;border-top-right-radius:7px}.modal__header h2{margin:.5rem}.modal__content{padding:1rem .5rem}.modal__header button{position:absolute;color:#fff;width:3rem;height:3rem;font-size:x-large;background-color:#000000cb;border:1px solid white;margin-left:88%;border-radius:5px}.modal__footer{padding:1rem .5rem}@media (min-width: 768px){.modal{left:calc(50% - 20rem);width:40rem}}.modal-enter{transform:translateY(-10rem);opacity:0}.modal-enter-active{transform:translateY(0);opacity:1;transition:all .2s}.modal-exit{transform:translateY(0);opacity:1}.modal-exit-active{transform:translateY(-10rem);opacity:0;transition:all .2s}.modal__close{right:.5rem;top:.75rem}.listing__content{margin:auto}.listing__image{position:relative;height:17rem}.listing__image img{height:17rem;width:17rem;border-bottom:1px solid black}.listing__list{list-style-type:none;margin-right:1rem;min-width:20%;max-height:28rem;margin-bottom:1rem}.listing__view{height:28rem;width:20rem;border:1px solid black;margin-bottom:1rem}.listing__price{text-align:left;font-size:xx-large;color:#000;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:rgb(255,255,255);transform:translate(2rem,-5rem)}.listing__info{max-height:6rem;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.listing__info__name{width:15rem;font-size:x-large;font-weight:700;text-align:center;word-wrap:break-word}.listing__modal img{max-width:20rem;max-height:20rem;margin-left:22%;margin-top:2rem;border-color:#c7c7c7;border-width:2px;border-style:solid}.listing__modal h3,.listing__modal h2,.listing__modal h4{margin-left:2rem}@media (max-width: 1280px){.listing__content{margin:auto;height:12rem;transform:translateY(-1rem)}.listing__image{transform:translate(-.15rem);width:12rem;height:9rem}.listing__image img{max-width:10rem;max-height:9rem;transform:translateY(.5rem)}.listing__price{text-align:left;font-size:larger;color:#000;-webkit-text-stroke-width:.25px;-webkit-text-stroke-color:rgb(255,255,255);transform:translate(1.5rem,-3.5rem)}.listing__info__name{margin-top:1.25rem;font-size:small}.listing__modal img{max-width:15rem;max-height:20rem;margin-left:22%;margin-top:1rem;border-color:#c7c7c7;border-width:2px;border-style:solid}.listing__modal h3{margin-left:2rem}.listing__modal h2{margin-left:2rem;font-size:medium}.listing__modal h4{margin-left:2rem}.listing__buttons{transform:translateY(-1rem)}.listing__button,.listing__button__danger{width:4rem}}.listings__list{margin-top:7rem;display:flex;flex-wrap:wrap;list-style:none;padding:0;max-width:64rem}.my__listings__list{margin-top:2rem;display:flex;flex-wrap:wrap;list-style:none;padding:0;max-width:64rem}@media (max-width: 1280px){.listings__list{margin-left:15rem;margin-top:10rem;display:flex;flex-wrap:wrap;list-style:none;padding:0;max-width:48rem}.my__listings__list{margin-left:15rem;margin-top:2rem;display:flex;flex-wrap:wrap;list-style:none;padding:0;max-width:64rem}}.form-control{margin:1rem 0}.form-control label,.form-control input{display:block}.form-control label{font-weight:700;margin-bottom:.5rem;text-align:left}.form-control input{width:100%;height:2rem;font:inherit;border:1px solid #ccc;background:#f8f8f8;padding:.15rem .25rem}.form-control input:focus{outline:none;background:#ebebeb;border-color:#510077}.form-control--invalid label,.form-control--invalid p{color:red}.form-control--invalid input{border-color:red;background:#ffd1d1}.add__listing__page,.listing__form{margin-top:8rem}.authentication{margin-top:8rem;align-content:center}.auth__form{margin:auto;border:1px solid black;width:45%;height:28rem}.auth__fields{border-bottom:2px solid black;margin:auto;margin-top:2rem;text-align:right;font-size:larger;max-width:18rem;height:20rem}.auth__buttons{display:flex;flex-direction:column;width:9rem;margin:auto}.auth__switch{margin-top:1rem}@media (max-width: 1280px){.auth__form{margin:auto;margin-left:15rem;border:1px solid black;width:45%;height:28rem}.auth__header{text-align:left;margin-left:15rem}}.listings__page{margin-top:10rem;font-size:larger}.my__listings__header{text-align:left;margin-top:6rem;color:#000;padding-bottom:1rem;border-bottom-color:#c7c7c7;border-bottom-width:4px;border-bottom-style:solid}@media (max-width: 1280px){.my__listings__header{text-align:left;margin-top:6rem;margin-left:15rem;color:#000;padding-bottom:1rem;border-bottom-color:#c7c7c7;border-bottom-width:4px;border-bottom-style:solid}}.my__listing__content{margin:auto}.my__listing__image{position:relative;height:17rem}.my__listing__image img{height:17rem;width:17rem;border-bottom:1px solid black}.my__listing__list{list-style-type:none;margin-right:1rem;min-width:20%;max-height:28rem;margin-bottom:1rem}.my__listing__view{height:28rem;width:20rem;border:1px solid black;margin-bottom:1rem}.my__listing__price{text-align:left;font-size:xx-large;color:#000;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:rgb(255,255,255);transform:translate(2rem,-5rem)}.my__listing__info{max-height:6rem;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.my__listing__info__name{width:15rem;font-size:x-large;font-weight:700;text-align:center;word-wrap:break-word}@media (max-width: 1280px){.my__listing__view{width:20rem;min-height:14rem;border:1px solid rgb(0,0,0);margin-bottom:1rem}.my__listing__content{margin:auto;height:12rem;transform:translateY(-1rem)}.my__listing__image{transform:translate(-.15rem);width:12rem;height:9rem}.my__listing__image img{max-width:10rem;max-height:9rem;transform:translateY(.5rem)}.my__listing__price{text-align:left;font-size:larger;color:#000;-webkit-text-stroke-width:.25px;-webkit-text-stroke-color:rgb(255,255,255);transform:translate(1.5rem,-3.5rem)}.my__listing__info__name{margin-top:1.25rem;font-size:small}.my__listing__list{list-style-type:none;height:20rem;margin-right:1rem;margin-bottom:1rem;min-width:20%}}.listing__form,.edit__page{margin-top:8rem}.error__message{font-size:x-large}@media (max-width: 1280px){.listing__form{margin-top:8rem;margin-left:15rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}*{box-sizing:border-box}html{font-family:Open Sans,sans-serif}body{margin:0;background:#fbfbfb}