@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Delicious+Handrawn&family=Libre+Baskerville&family=Montserrat:wght@600;700&display=swap');


/* From my CSS */
.home {
    font-family: 'Caveat', cursive;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Montserrat', sans-serif;
    color: aliceblue;
    ;
}

.container2, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

.top {
    background-image: url("https://www.freecodecamp.org/news/content/images/size/w2000/2022/09/jonatan-pie-3l3RwQdHRHg-unsplash.jpg");
    /* margin-top: 10px; */
    /* margin-left: -1px; */
    /* margin-right: 0px; */
}


.bg-body-tertiary {
    --bs-bg-opacity: 0.15;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important;
}

.navbar {
    --bs-navbar-color: white;
    font-family: 'Caveat', cursive;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Montserrat', sans-serif;
}

.hero {
    font-family: 'Caveat', cursive;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Montserrat', sans-serif;
}

.hero1 {
    font-size: 50px;
}

.slide2 {
    color: black;
}

.card {
    margin-right: auto;
    margin-left: auto;
}

.dark-mode {
    background-color: black;
    color: white;
}

.foot-text {
    font-family: 'Caveat', cursive;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    margin-top: 35px;
}

.special {
    color: black;
}

.icon {
    color: blue;
}

.text-body-emphasis1 {
    --bs-text-opacity: 1;
}

.al-center {
    text-align: center;
}

.blue:hover {
    background: lightgrey;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
  }

  #myBtn:hover {
    background-color: lightgrey;
  }


/* Portfolio CSS */
.profile {
    border-radius: 50%;
}

.name {
    font-size: 50px;
    font-weight: 600;    
    font-family: 'Delicious Handrawn', cursive;
}

.bg-blue {
    background: blue;
    color: white;
}

.multiText1 {
    font-size: 20px;
    font-weight: 300;    
    font-family: 'Delicious Handrawn', cursive;
}

.job {
    font-family: 'Caveat', cursive;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}

.job-spec {
    font-size: 20px;
    font-weight: 300;    
    font-family: 'Delicious Handrawn', cursive;
}