body{font-family:"Helvetica Neue",Arial,sans-serif;background-color:#ffe4ec;background-image:linear-gradient(45deg, #ffd6e6 25%, transparent 25%),linear-gradient(-45deg, #ffd6e6 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #ffd6e6 75%),linear-gradient(-45deg, transparent 75%, #ffd6e6 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0px;color:#5a2a3c;max-width:800px;margin:0 auto}header{background:#922758;color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}header .site-title{font-size:1.4rem;font-weight:bold}nav.main-nav a{color:#fff;text-decoration:none;margin:0 12px;font-size:.95rem}nav.main-nav a:hover{text-decoration:underline}.container{background:#f6cee0;border-left:3px solid #922758;border-right:3px solid #922758;border-bottom:3px solid #922758;border-radius:0 0 5px 5px;margin-bottom:50px}.content{border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:20px 20px 0}.banner{position:relative;max-width:1200px;overflow:visible;border-radius:12px}.banner img.banner-img{width:100%;display:block}.banner .profile-pic{position:absolute;bottom:-20px;left:5px;width:240px;height:240px;border-radius:50%;object-fit:cover;box-shadow:1px 1px 21px #922758}.subnav{max-width:1200px;margin:0 auto;padding:10px 20px;text-align:center}.subnav a{color:#a74367;text-decoration:none;margin:0 15px;font-weight:bold;font-size:.95rem}.subnav a:hover{text-decoration:underline}h1,h2,h3{color:#922758;margin:0 0 10px}h1{font-size:2.2rem;margin-bottom:20px}h2{font-size:2rem;margin-bottom:15px}.header{max-width:800px;margin:30px auto 10px;text-align:center}.header h1{margin:0;font-size:2.2rem}.header p{margin:8px 0 0;font-size:1rem;line-height:1.4}.grid{max-width:1200px;display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));grid-gap:18px;margin:20px auto 0}.grid-item{overflow:hidden;text-align:center;padding:15px}.grid-item img{display:block;width:100%;height:auto;box-shadow:0 0 14px #922758;transition:transform .2s,box-shadow .2s;border-radius:60px;cursor:pointer}.grid-item img:hover{transform:translateY(-4px);box-shadow:0 4px 14px #922758}.grid-item .caption{padding:8px 6px;font-size:1.15rem;color:#5a2a3c;font-weight:bold}.grid-item .caption a{color:#a74367;text-decoration:none}.grid-item .caption a:hover{text-decoration:underline}footer.subnav{background:#f6cee0;color:#922758;padding:15px 20px;text-align:center;border-top:1px solid #922758}footer.subnav p{margin:0;font-size:.95rem;color:#922758;font-weight:bold}footer.subnav a{color:#922758}.view-all{text-align:center;margin:20px 0}.view-all a{display:inline-block;padding:10px 20px;background-color:#922758;color:#fff;border-radius:5px;text-decoration:none;font-weight:bold}.view-all a:hover{background-color:#a74367}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:1000;overflow:auto}.modal.active{display:flex}.modal .modal-content{position:relative;max-width:100%;max-height:100%;overflow:auto}.modal .modal-content img{max-width:100%;max-height:100vh;display:block}.modal .modal-content .close-btn{position:absolute;top:10px;right:10px;background:#922758;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;font-weight:bold;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.modal .modal-content .close-btn:hover{background:#a74367}a{color:#922758;text-decoration:none}a:visited{color:#a74367}a:hover{text-decoration:underline}.logo{width:150px;height:150px;border-radius:50%;object-fit:cover;position:fixed;bottom:55px;right:55px}.logo img{width:100%;height:100%;border-radius:50%;padding:15px;box-shadow:0 0 6px rgba(0,0,0,.2);background-color:#f6cee0;transition:transform .3s}.dropdown{position:relative;display:inline-block}.dropdown .dropdown-toggle{cursor:pointer;text-decoration:none;color:#fff;margin:0 12px;font-size:.95rem}.dropdown .dropdown-menu{display:none;position:absolute;background-color:#922758;color:#fff;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;border-radius:5px}.dropdown .dropdown-menu a{color:#fff;padding:10px 15px;text-decoration:none;display:block;margin:0}.dropdown .dropdown-menu a:hover{background-color:#a74367}.dropdown:hover .dropdown-menu{display:block}@media screen and (max-width: 800px){.banner .profile-pic{display:none}}@media screen and (max-width: 1220px){.logo{display:none}}/*# sourceMappingURL=index.css.map */
