@import url("https://fonts.googleapis.com/css?family=Manjari&display=swap");
* { margin: 0; padding: 0; box-sizing: border-box; }

body { background: #ffffff; color: #000000; font-family: "Manjari", sans-serif; }

.season-img { background-size: 314px 383px; }

.anim750 { transition: all 750ms ease-in-out; }

#Awesome { position: relative; width: 180px; height: 180px; margin: 0 auto; backface-visibility: hidden; }

#Awesome .sticky { transform: rotate(45deg); }

#Awesome:hover .sticky { transform: rotate(10deg); }

#Awesome .sticky { position: absolute; top: 0; left: 0; width: 180px; height: 180px; }

#Awesome .reveal .circle { box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15); font-family: 'helvetica neue', arial; font-weight: 200; line-height: 140px; text-align: center; cursor: pointer; }

#Awesome .reveal .circle { background-image: url("/assets/images/bl/bl-space.png"); background-size: cover; }

#Awesome .circle_wrapper { position: absolute; width: 180px; height: 180px; left: 0px; top: 0px; overflow: hidden; }

#Awesome .circle { position: absolute; width: 140px; height: 140px; margin: 20px; border-radius: 999px; }

#Awesome .back { height: 10px; top: 30px; }

#Awesome:hover .back { height: 90px; top: 110px; }

#Awesome .back .circle { margin-top: -130px; background-color: #fbec3f; background-image: -webkit-linear-gradient(bottom, rgba(251, 236, 63, 0), rgba(255, 255, 255, 0.8)); }

#Awesome:hover .back .circle { margin-top: -50px; }

#Awesome .front { height: 150px; bottom: 0; top: auto; }

#Awesome:hover .front { height: 70px; }

#Awesome .front .circle { margin-top: -10px; background-image: url("/assets/images/bl/bl-sun.png"); background-size: cover; background-repeat: no-repeat; }

#Awesome h4 { font-family: 'helvetica neue', arial; font-weight: 200; text-align: center; position: absolute; width: 180px; height: 140px; line-height: 140px; transition: opacity 50ms linear 400ms; }

#Awesome:hover h4 { opacity: 0; transition: opacity 50ms linear 300ms; }

#Awesome:hover .front .circle { margin-top: -90px; background-color: transparent; background-position: 0 150px; }

.topnav { overflow: hidden; background-image: linear-gradient(to right, #ff00006e, #ffff0087); width: 99vw; }

.topnav a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 17px 16px; text-decoration: none; font-size: 17px; }

.topnav a:hover { background-color: rgba(255, 255, 255, 0.623); color: black; }

.topnav a.active { background-color: #919eff7d; color: white; }

.topnav .icon { display: none; }

@media screen and (max-width: 600px) { .topnav { width: 100vw; }
  .topnav a:not(:first-child) { display: none; }
  .topnav a.icon { float: right; display: block; } }

@media screen and (max-width: 600px) { .topnav.responsive { position: relative; }
  .topnav.responsive .icon { position: absolute; right: 0; top: 0; }
  .topnav.responsive a { float: none; display: block; text-align: left; } }

/* Mobile Styles */
@media only screen and (max-width: 400px) { .header-img { max-width: 100vw; } }

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) { .header-img { padding: 50px; display: flex; justify-content: center; } }

body { margin: 0 auto; }

/* Desktop Styles */
@media only screen and (min-width: 961px) { .wrapper { position: relative; min-height: 100vh; width: 960px; background-color: rgba(255, 255, 255, 0.486); margin: 0 auto; text-align: center; padding-bottom: 2.5rem; }
  .header-img { padding-top: 50px; } }

body { margin: 0; font-family: Arial, Helvetica, sans-serif; }

.padding-bottom { padding-bottom: 50px; }

p { padding-bottom: 50px; }

.top-bar-home .dot { width: 8px; height: 8px; border-radius: 4px; background: #51A384; float: left; margin: 35px 10px 0 0; }

footer { position: relative; bottom: 0; width: 100%; padding-bottom: 50px; padding-top: 60px; background-color: #171515f0; text-align: center; }

footer a { color: white; text-decoration: none; }

footer img { width: 32px; height: auto; border-radius: 40px; box-shadow: 7px 7px 3px #1f1f1f; margin-right: 10px; }

/* Mobile Styles */
@media only screen and (max-width: 400px) { .wrapper { position: relative; max-width: 100vw; margin: 0 auto; min-height: 100vh; padding-bottom: 2.5rem; } }

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) { .wrapper { position: relative; width: 90vw; margin: 0 auto; min-height: 100vh; padding-bottom: 2.5rem; } }

/* Desktop Styles */
@media only screen and (min-width: 961px) { .wrapper { position: relative; width: 75vw; margin: 0 auto; min-height: 100vh; padding-bottom: 2.5rem; } }

footer div { width: calc(33.333333% - 40px); height: 1px; background: white; position: absolute; display: block; top: 50%; }

.div-right { right: 0; }

#footer-content { display: flex; justify-content: center; }

.container { display: flex; flex-wrap: wrap; }

.flex-cards { flex: 1 0 30%; margin: 5px; text-align: center; }

/* Mobile Styles */
@media only screen and (max-width: 500px) { .card-header img { width: 80vw; height: auto; } }

/* Tablet Styles */
@media only screen and (min-width: 501px) and (max-width: 960px) { .card-header img { width: 30vw; height: auto; } }

/* Desktop Styles */
@media only screen and (min-width: 961px) { .card-header img { width: 16vw; height: auto; }
  .portfolio-container { position: relative; }
  .portfolio-image { display: block; }
  .portfolio-overlay { position: absolute; top: 0; left: 10%; opacity: 0; transition: .5s ease; }
  .portfolio-overlay-pp { position: absolute; top: 0; left: 10%; opacity: 0; transition: .1s ease; }
  .portfolio-container:hover .portfolio-overlay-pp { opacity: 1; }
  .portfolio-container:hover .portfolio-overlay { opacity: 1; } }

.done p { text-decoration: line-through; display: inline; }

.done img { border: 3px dotted #ffe240; border-radius: 100%; }

.done img:hover { border: 5px solid rgba(0, 0, 0, 0.794); }

.done img:hover .bucketlist-complete { display: initial; }

.undone img { opacity: 0.3; }

.bucketlist-container { position: relative; text-align: center; color: black; }

.bucketlist-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.bucketlist-contain { display: flex; justify-content: center; position: relative; }

.image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; }

.middle { font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }

.bucketlist-contain:hover .image { opacity: 0.3; }

.bucketlist-contain:hover .middle { opacity: 1; }

.text { color: black; font-size: 2rem; }

.card-inner { margin-top: 20px; font-size: 1.1rem; }

#bucketlist-symbol { text-decoration: none; display: inline; }

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) { .text { font-size: 90%; } }

/*# sourceMappingURL=main.css.map */