.bordered {
        border-top: 1px solid #ddd;
        border-radius: 4px;
}

.selfie-container {
        top: 100px; /* adjust as needed */
        float: right;
        right: 50px;
               z-index: 1000;
        width: fit-content;
        padding: 10px;
        margin: 10px;
}

.selfie-container img {
        margin: 30px;
        max-width: 20vw;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.main {
        margin: 40px;
        height: fit-content;
        font-family: math;
        font-size: larger;
}

.abt-section {
        float: left;
       background-color: white;
        padding: 20px;
         overflow-x: auto;
        height: fit-content;
        width: -webkit-fill-available;
}

.abt-section p {
        margin: 0px;
}

.abt-section ul {
        margin: 0px;
}

.blog {
        padding: 20px;
        float: left;
       margin-top: 20px;
}

.last-updated {
        text-align: center;
        font-size: 0.9em;
        color: #555;
        padding: 10px;
         margin-top: 40px;
        width: -webkit-fill-available;
        float: left;
}