body{background-color:#fafafa;margin:0}button{background:initial;border:initial;border-radius:5px;cursor:pointer;padding:initial;transition:all .2s ease-in-out}nav{background-color:#fff;border-bottom:.1em solid #dbdbdb;display:grid;grid-template-columns:2fr 1fr 1fr .5fr;height:3.3em;line-height:3.3em;position:fixed;top:0;width:100%}.logo{text-decoration:none}.logo>img{vertical-align:middle}.search{background:#fafafa;border:.07em solid #dbdbdb;border-radius:.2em;height:2em;margin:.8em;width:15.5em}.search::-webkit-input-placeholder{color:grey;text-align:center}.search::placeholder{color:grey;text-align:center}.nav-links{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.nav-links i{color:#252525;-webkit-transform:scale(1.6);transform:scale(1.6)}.container{padding:0 15%}.bio{border-bottom:.2px solid #dbdbdb;display:grid;font-family:Arial,Helvetica,sans-serif;grid-template-columns:1fr 2fr;margin-bottom:2em;margin-top:5em;padding:3em 0 2em 5em}#profilePhotoInput{display:none}.profile-photo{background:#000;border-radius:50%;height:10em;margin-top:.5em;width:10em}@media screen and (max-width:600px){.profile-photo{height:5em;margin-right:2em;margin-top:3em;width:5em}}.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:1.7em;margin-bottom:0}.profile-info .about{color:#545454;font-size:1.2em}.profile-info button{background-color:#0095f6;color:#fff;font-size:1.1em;height:2em;width:6em}.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,#myModal{display:none}#myModal:target{display:block}#myBtn a,#myModal a{color:#fff;text-decoration:none}#close{display:none}.add-photo-button{bottom:5em;cursor:pointer;position:fixed;right:7em;-webkit-transform:scale(3);transform:scale(3)}.gallery{grid-row-gap:1.7em;grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:1.7em}.photo-text{text-align:center}.item{background:#000;cursor:pointer;height:17.5em;width:17.5em}.item-image{height:100%;object-fit:cover;width:100%}.item:hover .item-image{opacity:.7}.modal,.modal2{background-color:#000;background-color:rgba(0,0,0,.4);height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.modal-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fefefe;border:1px solid #888;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin:auto;padding:0;position:relative;width:30%}@-webkit-keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.close{color:#fff;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.modal-header{background-color:#670000;color:#fff}.modal-body,.modal-header{padding:2px 16px}.confirm-delete{background-color:#670000;border:2px solid #670000;color:#fff;margin:10px;padding:5px}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:5px solid #000;border-radius:50%;border-right-color:#f3f3f3;height:120px;margin-left:80%;margin-top:30%;width:120px}@-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)}}.delete-button{border:1px solid #c8c8c8;margin-left:-12em;margin-top:11em;opacity:0;padding:.1em .3em;position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5)}.delete-all-button,.delete-button{background-color:#890000;color:#fff}.delete-all-button{bottom:10em;padding:5px;position:fixed;right:7em}.delete-all-button:hover,.delete-button:hover{background-color:#670000;color:#fff}.item:hover .delete-button{opacity:1}.msg{font-family:Georgia,Times New Roman,Times,serif;font-size:larger;font-weight:bolder}@media screen and (max-width:768px){.logo{float:left;margin-top:10px}.logo,.search{display:inline;margin-left:0}.search{float:right;width:200px}.nav-links i{margin-left:20px;padding:20px}.container{padding:0}.bio{margin-top:4rem;text-align:center}.add-photo-button{bottom:1.5em;right:1.5em;-webkit-transform:scale(2);transform:scale(2)}.delete-all-button{bottom:5em;right:.5em}.gallery{grid-template-columns:1fr 2fr}.item{margin-left:50px;margin-right:50px}}@media screen and (max-width:500px){nav{height:3em}.logo,nav{display:inline}.logo{float:left;margin-left:5px;margin-top:13px}.search{display:inline;margin-right:20px;width:150px}.nav-links{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:150px;margin-top:40px}.nav-links i{font-size:10px;margin-left:10px;padding-left:5px;padding-top:20px}.container{padding:0}.bio{display:block;margin-top:2rem;text-align:center}.profile-photo{height:8em;margin-left:20px;margin-top:50px;width:8em}.profile-info .about,.profile-info .name{font-size:larger;margin-right:60px}.edit-bio-form input,.profile-info button{margin-right:60px}.add-photo-button{bottom:1.5em;right:2em;-webkit-transform:scale(2);transform:scale(2)}.delete-all-button{bottom:4em;right:1.5em}.gallery{grid-template-columns:1fr}.item{margin-left:20px}}
/*# sourceMappingURL=main.4b6ab487.css.map*/