.navigation-bar{background-color:red;border-bottom:10px groove red;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:30px;height:80px;justify-content:space-between;position:fixed;width:100%;z-index:2}.home,.navigation-bar{align-items:center;display:flex}.home{justify-content:left;width:50%}@media(min-width:600px) and (max-width:1100px){.home{gap:30px;margin-left:15%}}.search-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-left:5%;width:45%}.user-search{border:1px solid #000;border-radius:5px;font-size:25px;height:70%;padding-left:1%;width:100%}.user-search-button{background-color:#000;border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;width:75%}@media(max-width:750px){.search-container{width:100%}.user-search{font-size:15px;width:65px}.user-search-button{font-size:15px;width:50%}.home>img{display:none}.home{margin-left:5%}.details{margin-right:5%}}.home>img{animation:return 5s ease infinite alternate;height:90px;width:90px}@keyframes return{0%{opacity:0}to{opacity:1}}.nav-home{color:#fff;cursor:pointer;display:flex;justify-content:center;text-decoration:none;width:40%}@media(max-width:800px){.box,.nav-home{width:80%}.box{padding-right:20%}}.nav-link{cursor:pointer}.nav-home:hover,.nav-link:hover{color:grey}.details{font-size:20px;justify-content:right;width:60%}.box,.details{align-items:center;display:flex}.box{gap:20px;justify-content:center;width:70%}.nav-profile-pic{border:1px solid #fff;border-radius:50%;height:50px;width:50px}.friend-amount>span{font-size:20px;height:50%;width:40%}.friend-amount{background-color:darkred;border-radius:50%;height:50%;text-align:center;width:10%}@media(max-width:800px){.friend-amount{padding:3px;text-align:center}.friend-amount>span{align-items:center;display:flex;font-size:10px;justify-content:center}}.modal-top,h1{color:red;font-size:30px}h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.button{padding:5px 15px}.button,.large-button{background-color:red!important;border:2px solid #000;border-radius:5px;color:#fff;cursor:pointer}.large-button{padding:5px 30px}.button:hover,.large-button:hover{background-color:#000!important}.form-container{align-items:center;display:flex;flex-direction:column;width:100%}.modal-input{border:1px solid #000;border-radius:3px;height:10%;width:50%}.modal-footer{align-items:center;display:flex;gap:10px;justify-content:center}.body,.content{align-items:center;display:flex;flex-direction:column}.content{background-color:dimgray;gap:30px;width:80%}.search-bar{align-items:center;background-color:#000;border-radius:3px;color:#000;display:flex;gap:20px;height:50px;justify-content:center;margin-top:100px;overflow:hidden;width:80%}.search-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 20px}.filter-search{border:1px solid #000;border-radius:5px;height:70%;width:50%}.column-1{display:flex;justify-content:center}.column-2>h1{text-align:center}.options{transform:translate(50px)}.front-image{border:1px solid #000;border-radius:5px;width:60%}.btn{background-color:#000;box-shadow:none;color:#fff}.row{background-color:#fff;border:5px solid #000;border-radius:10px;box-shadow:0 5px 15px #00000059;color:#000;height:30%;margin-top:20px;padding:10px;width:45%}@media(max-width:1000px){.options{transform:translate(25px)}}@media(max-width:850px){.row{width:70%}}@media(max-width:700px){.column-2>h1{font-size:20px}}.view{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.view:hover{color:grey}.slide-image{height:auto;width:100%}.column-2{color:#000;font-weight:700}.add-content{background-color:#fff;justify-content:center;margin-top:100px;width:80%}.add-content,.add-content>h1{align-items:center;display:flex;flex-direction:column}.add-content>h1{color:#000}h3{font-size:15px;font-weight:700}.create-room{background-color:red;border:1px solid #000;border-radius:10px;font-size:15px;width:90%}.room-input{border:1px solid #000;border-radius:3px;height:20%;width:50%}form{flex-direction:column;margin-top:20px}.item,form{display:flex;gap:20px}.item{align-items:center;padding-left:3%}@media(max-width:900px){.description{width:50%}}.description{font-size:15px;height:150px;padding-right:5%;width:70%}.image-container{display:flex;justify-content:center}@media(max-width:800px){.image-container{display:flex;flex-direction:column;padding-left:10%}}#file-input{display:flex;font-size:10px;padding:5px 10px}.date-holder{display:flex;gap:20px;justify-content:center}#date{width:50%}.button-holder{display:flex;gap:20px;justify-content:center;width:100%}.cancel-button{background-color:darkred!important;padding:5px 15px;width:30%}.cancel-button,.create-button{border:2px solid #000;border-radius:5px;color:#fff;cursor:pointer}.create-button{width:40%}.create-button,.create-button:hover{background-color:red!important}.container{border-radius:5px;box-shadow:0 5px 15px #00000059;display:flex;height:100vh;justify-content:space-between;margin-top:100px;width:100%}@media(max-width:800px){.container{align-items:center;display:flex;flex-direction:column;gap:50px;height:150vh;justify-content:center}.col>h1{text-align:center}.image{height:500px;width:300px}.details-holder>h1{text-align:center}}.col{align-items:center;display:flex;flex-direction:column;height:70%;margin-top:3%;width:50%}.details-holder>span{color:#000;font-weight:700}.profile-link{color:#000;font-size:bold}.getout{padding:10px 20px}.getout,.pay{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer}.pay{padding:10px}.image-holder{display:flex;height:100%;padding:20px;width:100%}.details-holder{align-items:right;display:flex;flex-direction:column}.image{border-radius:5px;height:100%;width:100%}.profile-holder{background-color:red;border-radius:10px;color:#fff;flex-direction:column;flex-grow:1;font-weight:700;gap:50px;width:70%}.name-holder,.profile-holder{align-items:center;display:flex;justify-content:center}.name-holder{background-color:#ff0;border-radius:5px;height:50%;padding:10px;width:100%}.name-holder>h1{color:#000}.profile-content{margin-top:100px}.profile-content,.public-details{align-items:center;display:flex;flex-direction:column}.public-details{color:#fff;justify-content:center;margin-top:30px}.max,.public-details>h1{color:#fff}.max{background-color:darkred;border-radius:10px;font-weight:700;padding:5px}.profile-image-holder{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:center;width:50%}.profile-image{border:3px solid #000;border-radius:50%;height:100%;width:100%}.picture-button{align-items:center;background-color:#000;border:none;border-radius:50%;color:#fff;display:flex;font-size:20px;height:70%;justify-content:center;margin-left:3%;width:10%}@media(max-width:700px){.picture-button{width:17%}}.profile-changer{display:none;height:0;width:0}.change-button{background-color:#000!important;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.room-details{align-items:center;background-color:red;flex-direction:column;font-weight:700;gap:20px;text-decoration:none;width:80%}.room-details,.room-details>.mb-3{display:flex;justify-content:center}.room-details>.mb-3{gap:70px;width:100%}.hold-data{align-items:center;display:flex;flex-direction:column;gap:25px;margin-top:20px;width:100%}.hold-data>h1{color:#000;font-size:25px}.second-container{align-items:center;display:flex;flex-direction:column;gap:25px;width:100%}.second-container>h1{color:#000;font-size:30px;text-decoration:underline}.hold-data>span{color:#000;font-size:25px}.profiler-link{background-color:gold;border-radius:10px;font-size:15px;padding-bottom:1%}@media(max-width:700px){.profiler-link{font-size:10px}.second-container>h1{font-size:15px}.current-friend{padding:5px 0}}.current-friend{align-items:center;background-color:#90ee90;border:3px solid #ff0;border-radius:10px;display:flex;gap:50px;justify-content:center;padding:15px 20px;width:100%}@media(max-width:600px){.current-friend{gap:10px;padding-left:30px;padding-right:30px;width:80%}}.email-holder>h1{color:#000;font-size:10px;padding-top:3%}.friend-container{align-items:center;border:3px solid #000;border-radius:10px;display:flex;flex-direction:column;height:100vh;width:100%}.friend-header{border-bottom:1px solid #000;display:flex;margin-top:100px}.friend-header>h1{color:#fff}.profiler-link{background-color:#ff0;color:#000;font-weight:700;padding:5px 15px}.friend-content{align-items:center;background-color:dimgrey;display:flex;flex-direction:column;gap:20px;justify-content:center;padding-top:20px;width:100%}.friend-content>h1{color:#000;text-decoration:underline}.friend{align-items:center;background-color:#fff;border:3px groove #000;border-radius:10px;display:flex;gap:30px;justify-content:space-between;padding-bottom:5px;padding-left:10%;width:90%}.friend>h1{color:#000;font-size:15px;padding-top:1%}@media(max-width:1000px){.friend>h1{display:none}}@media(max-width:700px){.friend{padding:20px 20px 20px 0;width:100%}}.button-holder{padding-top:.5%}.accept{background-color:#90ee90;border:2px solid #000;border-radius:5px;color:#fff;cursor:pointer;padding:5px 15px}.accept:hover{background-color:#ff0}.decline{background-color:darkred;border:2px solid #000;border-radius:5px;color:#fff;cursor:pointer;padding:5px 15px}.decline:hover{background-color:#ff0}.user-content{align-items:center;display:flex;flex-direction:column;margin-top:100px;width:100%}.user-content>h1{color:#000}.user-holder{flex-direction:column;gap:20px;justify-content:cent;width:100%}.user,.user-holder{align-items:center;display:flex}.user{background-color:#000;border:3px solid #90ee90;border-radius:5px;color:#fff;gap:30px;justify-content:space-between;padding:10px;width:90%}.username{font-weight:700;padding:5px}.profile-view{background-color:red;border-radius:5px;color:#fff;font-weight:700;padding:5px 10px;text-decoration:none}.profile-view:hover{color:#ff0}.holder{flex-direction:center}.email,.holder{align-items:center;display:flex;justify-content:center}@media(max-width:700px){.user{padding:1px;width:100%}.user>span{font-size:10px}.holder>h1{font-size:15px;padding-top:3%}}
/*# sourceMappingURL=main.3da25066.css.map*/