body {
    margin: 0;
    overflow: hidden;

}

html {
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
    padding-bottom: 20px;
    border-radius: 5px;
    color: #FFD166;
}

.background-container {
    /*background-color: #2E86AB;*/
    /*position: relative;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: 100vh;
    background-image: url("/images/table_top_mnt.jpg");
    background-size: cover;

    background-position: center;
    background-repeat: no-repeat;
}

/*main{*/
/*    z-index: 1;*/
/*}*/

.left{
    animation: intro ease-in 5s;
}


.daily-quote {
    width: 90%;
    height: 4em;
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 0;
    align-items: center;
    background-color: rgba(9, 202, 240, .3);
    border-radius: 15px;
    font-size: 1.3em;
    color: #D3D3D3;
}


.about-me {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.about-me h1 {
    font-size: 9em;
    height: 100%; 
    width: 100%;
    animation: intro 5s ease-in;
    font-family: Nabla;
}

section {
    max-width: 1200px;
    height: 100%;
    width: 100%;
}

.about-content, .portfolio-content {
    margin-bottom: 20px;
    display: flex;
    top: 5em;
}


.about-section {
    display: flex;
    text-align: center;
    width: 99%;
    height: 83vh;
    padding-top: 1em;

}

.profile-pic-con {
    position: relative;
    top: 3em;
    width: 91%;
    height: 84%;
}

.my-profile-pic {
    /*background-image: url("./css_images/IMG_1693 Background Removed.png");*/
    width: 90%;
    height: 90%;
    object-fit: scale-down;
    border-radius: 6em;
    /*background-color: rgba(112, 128, 144, .7);*/
}




.content {
    display: flex;
    flex-direction: column;
    margin: 1em;
    justify-content: space-between;
    background-color: rgba(0, 188, 255, .4);
    border-radius: 15px;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(2px);
    animation: intro 5s ease-in, glow 10s ease-in-out infinite;
    height: 19em;
    width: 100%;
}

.content:hover {
    background-color: rgba(107, 188, 145, .85) !important;
    color: rgba(96, 81, 81, 1) !important;

    /* New background color and opacity on hover */
}

.content p {
    padding: 1em;

}