:root{--background-dark:#383636;--background-light:#fafafa}html{font-family:Roboto,sans-serif;scroll-behavior:smooth}.app{background-color:#0081d6}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #161515}::-webkit-scrollbar-thumb{background:grey;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:grey}body{margin:0}button{background:initial;border:initial;border-radius:5px;cursor:pointer;padding:initial;transition:all .2s ease-in-out}nav{align-items:center;background-color:#f5f5f5;border-bottom:.1em solid #dbdbdb;display:grid;grid-template-columns:2fr 1fr 1fr;height:3.3em;line-height:3.3em;padding-bottom:6px;position:fixed;top:0;width:100%;z-index:1}nav,nav.dark{transition:1s linear}nav.dark{background-color:#383636;background-color:var(--background-dark)}.logo{color:#000;font-family:Dancing Script,cursive;font-size:2em;font-weight:700;text-decoration:none}.dark .logo,.logo{transition:1s linear}.dark .logo{color:#fff}.logo>img{height:2rem;vertical-align:middle}.search{background:#fafafa;border:.07em solid #dbdbdb;border-radius:.2em;height:2em;margin:.8em}.search::-webkit-input-placeholder{color:grey;text-align:center}.search::placeholder{color:grey;text-align:center}.nav-links{align-items:center;-webkit-column-gap:15%;column-gap:15%;display:flex;justify-content:center}.nav-links button{color:#252525;-webkit-transform:scale(1.6);transform:scale(1.6);transition:1s linear}.dark .nav-links button{color:#fafafa;color:var(--background-light)}.nav-links.dark button{color:#f5f5f5}.container{background:#fafafa;background:var(--background-light);min-height:100vh;padding:0 10%;transition:1s linear}.dark.container{background-color:#383636;background-color:var(--background-dark);transition:1s linear}.bio{grid-gap:1.5rem;border-bottom:.2px solid #dbdbdb;display:grid;font-family:Arial,Helvetica,sans-serif;gap:1.5rem;grid-template-columns:1fr 2fr;margin-bottom:2em;padding:9em 0 2em 5em;text-align:center}#profilePhotoInput{display:none}.profile-photo{background:#000;border-radius:50%;height:10em;margin-top:.5em;width:10em}.profile-photo img{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;width:100%}.profile-photo img:hover{opacity:.7}.profile-info .name{color:#545454;font-size:clamp(1.5em,3vw,2.5em);font-weight:700;margin-bottom:0;text-align:center}.profile-info .about{color:#545454;font-family:600;font-size:clamp(1.2em,2vw,1.5em)}.dark .bio .profile-info .about,.dark .bio .profile-info .name{color:#f5f5f5}.profile-info button{background-color:#0095f6;color:#fff;font-size:1.1em;padding:.5rem;text-align:center;width:5em}.profile-info button:hover{background-color:#0081d6}.edit-bio-form input{border:.1em solid #dbdbdb;border-radius:.2em;height:2em;margin-top:.5em;padding:.5em;width:50%}.edit-bio-form button{margin:1em 1em 0 0}.edit-bio-form .cancel-button{background-color:#890000}#addPhotoInput{display:none}.add-photo-button{bottom:4.5em;color:#383636;color:var(--background-dark);cursor:pointer;position:fixed;right:4em;-webkit-transform:scale(3);transform:scale(3);transition:1s linear;z-index:10}.dark .add-photo-button,.dark .addIcon{color:#fafafa;color:var(--background-light);transition:1s linear}.gallery{grid-row-gap:1.7em;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:10rem;padding-top:1.4em;place-items:center;row-gap:1.7em}.item{background:#000;cursor:pointer;height:17em;position:relative}.item-image{height:100%;object-fit:cover;width:100%}.item:hover .item-image{opacity:.7}.delete-button{background-color:#890000;border:1px solid #c8c8c8;color:#fff;left:45%;opacity:0;padding:.5em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:scale(1.5);transform:scale(1.5)}.delete-button:hover{background-color:#670000;color:#fff}.item:hover .delete-button{opacity:1}.clear-button{background:rgba(255,0,0,.8);color:#f5f5f5;font-weight:700;margin-bottom:5em;padding:.5rem}.clear-button:hover{background:#f3f3f3;border:1px solid rgba(255,0,0,.8);color:rgba(255,0,0,.8)}.clear-button-container{text-align:center}.mobile-nav-links{align-items:center;background-color:#f5f5f5;border-top:.1em solid #dbdbdb;bottom:0;-webkit-column-gap:15%;column-gap:15%;display:flex;display:none;justify-content:center;padding:1em 0;position:fixed;width:100%}.dark .mobile-nav-links{background-color:#383636;background-color:var(--background-dark);transition:1s linear}.mobile-nav-links button{color:#252525;-webkit-transform:scale(1.7);transform:scale(1.7);transition:1s linear}.dark .mobile-nav-links button{color:#fafafa;color:var(--background-light);transition:1s linear}.modal-wrapper{align-items:center;background-color:#d8d8e4;border-radius:.5em;display:flex;flex-direction:column;font-weight:700;font-weight:800;height:18em;justify-content:center;margin-bottom:1em;padding:1.5em;transition:7s ease;transition:1s linear;width:24em;z-index:20}.dark .modal-wrapper{background-color:#100f0f;color:#fafafa;color:var(--background-light);transition:1s linear}.modal-container{cursor:pointer;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:20}.yes-button{background:green;border-radius:1em;color:#f5f5f5;cursor:pointer;display:inline-block;font-weight:700;margin-right:1em;padding:.5em;text-align:center;width:5em}.yes-button:hover{background-color:#f3f3f3;border:1px solid green;color:green}.no-button{background:rgba(255,0,0,.7);border-radius:1em;color:#f5f5f5;cursor:pointer;display:inline-block;font-weight:700;padding:.5em;text-align:center;width:5em}.no-button:hover{background-color:#f3f3f3;border:1px solid rgba(255,0,0,.7);color:rgba(255,0,0,.7)}.instagram-text{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:1.7em;font-weight:800}.modal-wrapper p{font-size:2em;text-align:center}.show-modal{display:none}.info-icon{color:red;font-size:2rem}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#e85454;height:80px;width:80px}.loader-container{display:grid;place-items:center}.fa-solid.fa-pencil{margin-left:.4em}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}main.dark{background-color:#383636;background-color:var(--background-dark)}main{flex:1 1 auto}.empty-gallery-container{color:#383636;color:var(--background-dark);font-size:clamp(1.5em,2.5vw,2rem);font-weight:800;margin-top:15%;text-align:center;transition:1s linear}.dark .empty-gallery-container{color:#fafafa;color:var(--background-light);transition:1s linear}.toggle-container{align-items:center;background:#383636;background:var(--background-dark);border:1px solid grey;border-radius:1em;cursor:pointer;display:flex;height:1.5em;justify-content:flex-start;transition:1s linear;width:3.5em}.dark .toggle-container{background-color:#fafafa;background-color:var(--background-light);justify-content:flex-end;transition:1s linear}.label{cursor:pointer}.toggle-ball{background:#fff;border-radius:50%;height:1.5em;transition:1s linear;width:1.5em}.dark .toggle-ball{background:#383636;background:var(--background-dark);transition:1s linear}.toggler{color:#383636;color:var(--background-dark);font-size:.8em;right:3%;top:10%;transition:1s linear}.cancel-modal,.toggler{align-items:center;cursor:pointer;display:flex;font-weight:700;justify-content:center;position:absolute}.cancel-modal{background-color:rgba(255,0,0,.7);border-radius:50%;color:#000;font-size:2em;height:1em;padding:.3em;right:1em;top:-2%;width:1em}.toggle-container,.toggler p:first-child{margin-right:1em}.dark .toggler{color:#fafafa;color:var(--background-light);transition:1s linear}@media screen and (max-width:768px){.gallery,nav{grid-template-columns:repeat(2,1fr)}.modal-wrapper p{font-size:1.8em}.nav-links{display:none}.mobile-nav-links{display:flex}.bio{grid-template-columns:1fr;padding:9em 0 2em;place-items:center}}@media screen and (max-width:600px){.profile-photo{height:5em;margin-top:1.5em;width:5em}.cancel-button,.profile-info button{padding:.3rem;width:4em}.add-photo-button{bottom:6em;font-size:.8em;right:4%}.gallery{grid-template-columns:repeat(1,1fr)}.edit-bio-form input{width:100%}.modal-wrapper{height:18em;width:18em}}@media screen and (max-width:412px){.toggler{top:12%}.toggler p{display:none}.modal-wrapper{height:14em;width:14em}.logo,.modal-wrapper p{font-size:1.3em}.logo{padding-left:4%}.bio{padding-top:5em}}
/*# sourceMappingURL=main.af77b6e1.css.map*/