/* github.com/plasticneko */
/* bulma css framework by jeremy thomas (github.com/jgthms | bulma.io) */

/* basic formatting changes */

/* hero */
.hero {
    background:
    linear-gradient(to top, rgba(13, 16, 35, 0.695), transparent),
    linear-gradient(to right, rgb(20, 24, 67), rgb(44, 52, 116));
    text-shadow: 1px 1px 10px #0000005c;
}

.hero h4 a:hover {
    text-decoration: underline;
}


/* icon */
.icon .fa {
    font-size: 24px;
}

.nav-item a, a.nav-item {
    color: #c6c6c6;
    }


    .nav-item {
        font-size: 1rem;
        line-height: 1.5;
        }

        .nav-item {
            
            padding: 0.5rem 0.75rem;
            }

/* block wrapper */
.block-wrapper {
    padding: 30px;
}

.block-wrapper p, .block-wrapper .title, .block-wrapper .subtitle {
    color: whitesmoke;
}

.block-header {
    padding-bottom: 20px;
}

.block-header img {
    height: 300px;
    width: auto;
    border-radius: 50%;
}

/* block titles */
.block-titles {
    padding-top: 25px;
}

.block-titles a {
    color: rgb(44, 52, 116);
}

/* block content */
.block-content {
    padding-top: 20px;
}

.block-content a {
    color: rgb(44, 52, 116);
}


/* block navigation */
.block-nav {
    padding-top: 20px;
}

.nav-item a:hover, a.nav-item:hover {
    color: whitesmoke;
}

/* custom footer */
.footer-custom {
    padding: 25px;
}

.footer-custom p {
    color: whitesmoke;
}

.footer-custom a {
    color: whitesmoke;
}

/* .rounded {
  width: 400px;
  height: 400px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 2px 2px 10px #00000020;
}

img {
  display: inline;
  margin: 0 auto;
  height: auto;
  width: 100%;
  position: absolute;
  top: -50px;
  left: 0px;
} */



img {
    box-shadow: 2px 2px 20px #0000005c;
    max-width: fit-content;
  }