/* about.html */
@font-face {
    font-family: 'S'; /* Give your custom font a name */
    src: url('s.ttf') format('truetype'); 
}

body {
    font-family: Arial, sans-serif; /* Default text font */
    margin: 0;
    padding: 0;
    background-color: #ADDFFF; /* Your primary background color */
}


/* Styling for About Me Page */
#profile-pic {
    width: 200px; 
    height: 200px;
    border-radius: 50%; /* Creates a circular profile picture */
}

.profile {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 2em;
}

.about-text { 
    padding-left: 20px; 
}

h1, h2 {
    font-family: 'S', sans-serif; 
}

/* ... videos.html ... */

body {
    background-color: #ADDFFF; /* Your new background color */
}

.video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 20px; 
}