*{font-family:"Roboto",sans-serif}body{overflow-x:hidden}h1{font-size:21px;font-weight:500}.Navbar{display:flex;flex-direction:column;width:100vw;align-content:center;justify-content:space-around;padding-bottom:2vh}.logo{font-family:"Fredoka",sans-serif;font-size:5vh;grid-column:2/3}.logo>a{text-decoration:none;color:#000}.login-info{text-align:end}.login-info>a{text-decoration:none;color:#000}.top-section{width:100%;height:10vh;display:grid;grid-template-columns:6rem 1fr 1fr 6rem;-ms-grid-columns:6rem 1fr 1fr 6rem;align-items:center}.bottom-section,.bottom-section-active{margin:0 6rem;display:flex;justify-content:center}.nav-links{width:100vw;display:flex;flex-direction:row;justify-content:space-around;list-style:none;align-items:center}.nav-links a{text-decoration:none;color:#000}.nav-link{width:100%;justify-self:flex-start;border-right:1px solid #5f5f5f}.nav-link:not(:first-child){padding-left:10px}.nav-login{display:none}.search-box{width:100%;display:flex;justify-content:space-between}.search-input{font-size:16px;width:20%;border-style:hidden hidden solid;border-bottom:2px solid #fff}.search-input:hover{transition:all .5s ease}.search-input:focus,.search-input:focus-visible,.search-input:hover{width:80%;border-style:hidden hidden solid;border-bottom:2px solid #203864}.search-input:focus-visible{outline:none}.search-button{margin-right:10%;background-color:transparent;border:hidden;font-size:16px;font-weight:500;color:#353535}.search-button:hover{color:#8ca3cc;transition:all .5s ease-in}.burger div{background-color:#3f3f3f;width:25px;height:3px;margin:3px 5px;border-radius:2px;transition:all .4s ease}.burger{display:none}@media screen and (max-width:1110px){.top-section{grid-template-columns:10vw 1fr 1fr 10vw;-ms-grid-columns:10vw 1fr 1fr 10vw}.logo{padding-left:0}.bottom-section{display:none;transition:all .5s ease-in-out}.login-info{display:none}.burger,.burger-active{display:flex;flex-direction:column;z-index:50;align-items:flex-end}.burger-active{position:relative}.burger-active div:first-child{width:25px;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:10%}.burger-active div:first-child,.burger-active div:nth-child(2){background-color:#3f3f3f;height:3px;margin:3px 5px;border-radius:2px;transition:all .4s ease}.burger-active div:nth-child(2){width:0}.burger-active div:nth-child(3){background-color:#3f3f3f;width:25px;height:3px;margin:3px 5px;border-radius:2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:-10%;transition:all .4s ease}.bottom-section-active{height:90vh;width:100vw;position:absolute;top:10vh;background-color:#fff;z-index:5}.bottom-section-active ul{display:flex;flex-direction:column;height:100%;justify-content:space-around;padding-top:10vh;padding-bottom:30vh;padding-right:3rem;transition:all .5s ease-in-out;-webkit-animation:ul-translate .5s ease-in-out;animation:ul-translate .5s ease-in-out}.bottom-section-active li{text-align:right;border:none}.nav-search{display:none}.nav-link>.login-info,.nav-login{display:block}}@-webkit-keyframes ul-translate{0%{padding-top:0;padding-bottom:0}to{padding-top:10vh;padding-bottom:30vh}}@keyframes ul-translate{0%{padding-top:0;padding-bottom:0}to{padding-top:10vh;padding-bottom:30vh}}.action{z-index:15}.profile{display:flex;justify-content:flex-end;align-items:center;cursor:pointer;margin:.7rem}.profile>p{color:#203864;padding:0;margin:0}.profile-img{margin-right:.7rem}.menu{position:absolute;top:9vh;right:7rem;padding:.7rem 2rem;background:#fff;width:18vw;border-radius:.4rem;transition:.3s;visibility:hidden;opacity:0;box-shadow:4px 4px 10px 2px rgba(53,53,53,.078)}.active{top:8vh;right:5.9rem;visibility:visible!important;opacity:1!important}.action .menu ul li{list-style:none;padding:.5vh 0;border-top:1px solid rgba(56,129,255,.11764705882352941);align-items:center;display:flex;justify-content:space-between}.action .menu ul li:first-child{border-top:none}.action .menu ul li img{max-width:18px;margin-right:10px;opacity:.6;transition:.5s}.action .menu ul li:hover img{opacity:1}.action .menu ul a{min-width:100%;display:flex;justify-content:space-between;text-decoration:none;color:#555;font-size:smaller;transition:.5s}.action .menu ul li:hover a{color:#203864;font-weight:500;padding-right:.3rem}*{margin:0;padding:0;box-sizing:border-box}.home{display:flex;align-items:center;height:80vh}.child{display:flex;justify-content:center;padding:3vh 10vw;flex-direction:column}.left{flex:1 1;padding-left:15vw}.right{flex:1 1;padding-right:15vw}.line{background-color:#bebebe;width:2px;height:45vh}.title{font-size:5vh}.button{min-width:-webkit-max-content;min-width:max-content;width:5vw;padding:.5rem;margin-top:0;border-radius:.3rem;box-shadow:2px 2px 5px 2px #dfdfdf;border:2px solid #fff;color:#000}.button:hover{border:2px solid #203864;color:#203864;box-shadow:5px 5px 5px 2px #dfdfdf;transition:all .3s ease-in-out}.search-box-large{display:none}@media screen and (max-width:1110px){.search-box-large{display:block;height:100%;border:none;outline:none;margin:0 10vw;border-radius:2rem;background-color:#eee}.search-box-large>.search-input{width:90%;height:100%;border:none;outline:none;padding:.5rem 1rem;border-radius:1.2rem;background-color:#eee}.search-box-large>.search-button{width:10%;margin:0;height:100%;padding:.5rem;border-radius:1.2rem}}@media screen and (max-width:768px){.home{flex-direction:column;height:60vh;justify-content:space-between}.child>h2{margin:0;font-size:4vh}.right{padding-right:10vw}.left{padding-left:10vw}.line{margin-top:.5rem;margin-bottom:.5rem;min-height:2px;width:80vw}}.Rent-in{padding-left:6rem;padding-right:6rem;padding-top:1rem;display:grid;grid-template-columns:1fr 5fr}.heading{padding:2rem}.supplies-section{display:flex;flex-wrap:wrap;justify-content:space-around}.filter-box{background-color:#fff;padding-left:2rem;padding-right:2rem;padding-top:5rem;box-shadow:25px 25px 20px -32px #dfdfdf;min-height:80vh;grid-row-start:1;grid-row-end:3}.category-item{padding-top:.5rem;list-style:none;cursor:pointer;font-size:small}.category-item:hover{color:#203864;font-weight:700;padding-left:.5rem;transition:all .3s ease-in}.pagination-box{grid-column-start:2;grid-column-end:3}.pagination,.pagination-box{display:flex;align-items:center;justify-content:center}.pagination{padding:3rem}.pagination>li:first-child{border-radius:5px 0 0 5px}.pagination>li:last-child{border-radius:0 5px 5px 0}.pagination>li{list-style:none;padding:20px;border:2px solid #fff;background-color:buttonface;box-shadow:2px 2px 5px 2px #dfdfdf}.pagination>li:hover{color:grey;background-color:#fff;border:2px solid #203864;transition:all .3s ease-in;box-shadow:5px 5px 5px 2px #dfdfdf}.pagination>li>a{color:#000;text-decoration:none}@media screen and (max-width:1110px){.Rent-in{padding:10vw;display:block}.supplies-section{flex-direction:column}}.supplyItemCard{width:19vw;min-width:19vw;background:#fff;margin:2rem .1rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.1);transition:all .3s;display:flex;flex-direction:column}.supplyItemCard:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.photo{max-width:19vw;height:50%;padding:30px;text-align:center;float:left}.photo>img{width:100%;max-height:240px;object-fit:contain}.description{padding:30px;float:left}.description>div{display:flex;justify-content:space-between;align-items:center}.description>div>h1{color:#515151;font-weight:300;margin:0;font-size:20px}.description>h2{color:#515151;font-size:16px}.description>h2,.description>h4{margin:0;text-transform:uppercase;font-weight:500}.description>h4{color:#727272;font-size:12px}.description>div>span{font-size:10px;line-height:12px;color:#727272;padding:20px 0;margin:0;font-weight:300}.supplyItemCard-buttons{display:flex;justify-content:space-between}.supplyItemCard-buttons>button{outline:0;background:none;border:1px solid #d9d9d9;padding:8px 0;margin-top:8px;color:#515151;text-transform:uppercase;width:100%;font-family:inherit;margin-right:5px;transition:all .3s ease;font-weight:500}.supplyItemCard-buttons>button:hover{border:1px solid #203864;color:#203864;cursor:pointer}@media screen and (max-width:1110px){.supplyItemCard{min-width:100%;margin:5vh 0 0;flex-direction:row}.photo{padding:0 0 0 20px;width:100%;height:inherit;display:flex;align-items:center;justify-content:center}.supplyItemCard-buttons{display:none!important}.description{width:100%;padding:20px}.description>div>span{text-align:right}.description>h2{font-size:21px}}.loading-page{justify-content:center;height:75vh}.loading-page,.under-construct{display:flex;align-items:center}.under-construct{height:70vh;justify-content:space-between;padding:7rem}.head,.image{width:50%}.svg-img{width:30vw;height:auto}.supplyDetail{margin-top:3vh;width:100vw;justify-content:space-around;box-sizing:border-box}.carousel,.supplyDetail{height:60vh;display:flex;align-items:center}.carousel{width:50vw;flex-direction:column}.imageContainer{width:90%;height:90%;margin-left:5%;display:flex;align-items:center;justify-content:center;object-fit:cover}.CarouselImage{max-width:80%;max-height:80%;object-fit:cover}.css-1m9128y{position:absolute;top:90vh;z-index:5}.details{width:40vw;height:60vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.details>h1{color:#515151;font-weight:500;margin:0;font-size:5vh}.details>p{color:#203864;font-weight:300;margin-top:3rem;font-size:20px}.desc{font-size:14px;font-weight:300}.details>span>button{min-width:-webkit-max-content;min-width:max-content;width:5vw;padding:.5rem;margin-top:2vh;margin-bottom:3vh;margin-right:3rem;border-radius:.3rem;box-shadow:2px 2px 5px 2px #dfdfdf;border:2px solid #fff;cursor:pointer}.details>span>button:hover{border:2px solid #203864;color:#203864;box-shadow:5px 5px 5px 2px #dfdfdf;transition:all .3s ease-in-out}.date{font-size:3vh;line-height:12px;color:#727272;padding:20px 0;margin:0;font-weight:300}.hor-line{width:35vw;height:0;border-top:1px solid #d3d3d3;border-radius:0 50% 50% 0}@media screen and (max-width:1110px){.supplyDetail{flex-direction:column;justify-content:safe}.carousel{width:90vw;height:30vh}}.login-container{width:100vw;height:100vh;max-width:100%;display:flex;justify-content:center;background-color:hsla(0,0%,95.7%,.666);position:fixed}.login-signup-box{background-color:#fff;width:25vw;height:65vh;margin-top:10vh;box-sizing:border-box;border-radius:.5rem;box-shadow:-1px 3px 25px 10px #dfdfdf;overflow:hidden}.login-signup-box>div{padding-left:.7rem;padding-right:.7rem;padding-top:1rem;height:-webkit-max-content;height:max-content}.login-signup-toggle{display:flex}.login-signup-toggle>p{color:#000;padding:.5rem;transition:all .5s;cursor:pointer;display:flex;align-self:center;justify-content:center;width:100%}.login-signup-toggle>p:hover{color:#203864}.login-signup-box>div>button{background-color:#203864;height:3px;width:50%;border:none;border-radius:3px;transition:all .5s;padding:0;margin:0}.login-form,.signup-form{display:flex;flex-direction:column;align-items:center;margin:auto;padding:2vmax;justify-content:space-evenly;height:75%;transition:all .5s}.signup-form{-webkit-transform:translateY(-100%) translateX(-100vmax);transform:translateY(-100%) translateX(-100vmax)}.login-form>div,.signup-form>div{display:flex;width:100%;align-items:center}::-ms-reveal{border:1px solid transparent;border-radius:50%;box-shadow:0 0 3px currentColor}.login-form>div>input,.signup-form>div>input{padding:1vmax 1vmax 1vmax 4vmax;width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.267);border-radius:4px;outline:none}.login-form>div>svg,.signup-form>div>svg{position:absolute;-webkit-transform:translatex(1vmax);transform:translatex(1vmax);font-size:1.6vmax;color:rgba(0,0,0,.623)}.login-form>a{color:#203864;text-decoration:none;align-self:flex-end;transition:all .5s}.login-form>a:hover{color:#000}#register-image>img{width:3vmax;height:3vmax;margin:5px;object-fit:cover;border-radius:100%}#register-image>input{display:flex;padding:0}#register-image>input::file-selector-button{cursor:pointer;width:100%;z-index:2;height:5vh;border:none;margin:0;font:400 .8vmax cursive;transition:all .5s;padding:0 1vmax;background-color:#f5f5f5}#register-image>input::file-selector-button:hover{background-color:rgba(158,176,208,.444);border:#203864}.login-email>input,.login-password>input{background-color:#fff!important}.login-btn,.signup-btn{color:rgba(0,0,0,.603);width:100%;padding:.5rem;cursor:pointer;transition:all .5s;border-radius:.3rem;outline:none;border:2px solid #fff;box-shadow:2px 2px 5px 2px #dfdfdf}.login-btn:hover,.signup-btn:hover{border:2px solid #203864;color:#203864;box-shadow:5px 5px 5px 2px #dfdfdf;transition:all .3s ease-in-out}.shiftToLeft{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.shiftToNeutral{-webkit-transform:translateX(0);transform:translateX(0)}.shiftToNeutralForm{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%)}.shiftToRight{-webkit-transform:translateX(100%);transform:translateX(100%)}@media screen and (max-width:950px){.login-signup-box{width:80vw}}.user-info-box{padding:0 6rem;height:80vh;display:grid;grid-template-columns:1.5fr 5fr}.basic-left-pane{display:flex;flex-direction:column;justify-content:center}.avatar{align-self:flex-start}.edit-avatar-btn{padding:1rem;width:3rem;height:3rem;border-radius:50%;background:#203864;background:linear-gradient(34deg,#203864 12%,#41619b);border:none;color:#fff;font-size:1rem;align-self:flex-end;position:relative;top:-1rem;left:63%;box-shadow:2px 2px 12px 2px #dfdfdf;cursor:crosshair}.edit-avatar-btn:hover{box-shadow:2px 2px 12px 0 #6fa9ff;transition:all .5s ease-in-out}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #000}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:rgba(0,0,0,.332);color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:100%;left:90%;margin-left:-60px;font-size:smaller;opacity:0;transition:opacity 1s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.email-id,.user-name{padding-left:1vw}.email-id{color:rgba(61,61,61,.701)}.main-right-pane{padding:2rem;display:flex;flex-direction:column;justify-content:center}.main-right-pane>h1{padding-left:1rem;padding-bottom:2rem}.main-right-pane>div>h4{padding-left:1rem;font-weight:400}.main-right-pane>div>p{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;color:rgba(61,61,61,.701)}.links{width:90%;display:flex;flex-wrap:wrap;padding-top:1rem}.card{width:20vw;min-width:300px;min-height:15vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.card>p{padding:.5rem;font-size:small}@media screen and (max-width:1110px){.user-info-box{display:block;padding:0 3rem}.main-right-pane{padding:0;margin-top:2rem}.main-right-pane>h1{padding-left:0;padding-bottom:1rem}.main-right-pane>div>h4,.main-right-pane>div>p{padding-left:0}.card{margin:.5rem!important}}@media screen and (max-width:760px){.card{width:80vw;margin-left:0!important;margin-right:0!important;margin-top:.5rem!important}}.edit-avatar{background-color:hsla(0,0%,95.7%,.666);height:85vh;display:flex;flex-direction:column;padding:6rem}.edit-avatar>h1{padding-left:1rem}.main-edit-section{display:grid;grid-template-columns:1fr 2fr}.avatar-upload-card{height:30vh;width:30vh;display:flex;justify-content:center;align-items:center;font-size:8vh;cursor:crosshair}.fallback-pic{font-size:8vh;cursor:crosshair;background-color:#fff;color:rgba(0,0,0,.407)}.avatar-upload-card>img{height:30vh!important;width:30vh!important}.edit-avatar-form{display:flex;align-items:flex-end;flex-direction:row-reverse;justify-content:flex-end}.edit-avatar-form>input::file-selector-button{cursor:pointer;width:100%;z-index:2;height:6vh;border:none;margin:0;transition:all .5s;padding:0;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.edit-avatar-form>input{width:10vw;min-width:10vw;height:3rem;margin-right:3rem}.undefined{color:grey}.filename,.undefined{align-self:center;position:absolute}.filename{color:#203864}.type-file-btn{padding:0}.uploading{cursor:progress}#disabled-btn:hover{cursor:not-allowed;color:rgba(255,0,0,.3);border-color:rgba(255,0,0,.3)}.edit-profile{background-color:hsla(0,0%,95.7%,.666);height:85vh;display:flex;flex-direction:column;padding:6rem}