.wip h1 {
    align-items: center;
    text-decoration: underline;
    font-size: 3em;
    color: Red;
    flex-wrap: wrap;
}

.wip h4 {
    margin-left: auto;
    margin-right: auto;
    text-decoration: underline;
    color: Red;
}

.textlist_bulletpoint {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.textlist_bulletpoint h4 {
    margin-left: auto;
    margin-right: auto;
    text-decoration: underline;
}
.textlist_bulletpoint li {
    list-style:disc;
    margin-left: 25px;
    margin-right: auto;
}
.textlist_bulletpoint h4,
.textlist_bulletpoint li,
.section-divided-equally p
{
    text-shadow: -1.5px -1.5px 0 rgb(42, 0, 42), 1.5px -1.5px 0 rgb(42, 0, 42), -1.5px 1.5px 0 rgb(42, 0, 42), 1.5px 1.5px 0 rgb(42, 0, 42);
}

h1,
h2,
h3,
.section-divided-equally h3 {
    color: purple;
    text-shadow: -1.5px -1.5px 0 rgb(42, 0, 42), 1.5px -1.5px 0 rgb(42, 0, 42), -1.5px 1.5px 0 rgb(42, 0, 42), 1.5px 1.5px 0 rgb(42, 0, 42);
}

h1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.section-divided-textlist h3,
.section-divided-textlist p
{
    margin-left: auto;
    margin-right: auto;
}

/* General Styling */
.otherpages {
    --padding: 10vw;
}

/* Section Containers */
.section-divided {
    /*background-color: red;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.section-container {
    display: flex;
    justify-content: center;
    /*background-color: green;*/
    padding: 10px;
    flex-wrap: wrap;
}

.section-container-spaced {
    display: flex;
    justify-content: space-between;
    /*background-color: green;*/
    padding: 10px;
    flex-wrap: wrap;
}

/* Header */
.section_title,
.responsibilities,
.worked_on_details,
.download_link,
.other_stuff,
.section-divided__header {
    width: 100%;
    height: 100%;
    padding: 10px;
    padding-left: var(--padding);
    padding-right: var(--padding);
}

.section_title
{
    background-color: rgb(40, 40, 40);
}

.responsibilities
{
    background-color: rgb(54, 54, 54);
}

.worked_on_details
{
    background-color: rgb(40, 40, 40);
}

.download_link
{
    background-color: rgb(54, 54, 54);
}

.section-divided__header {
    background-color: rgb(30, 30, 30);
}



/* Flex-based Section Styling */
.section-h-left,
.section-left,
.section-h-right,
.section-right,
.section-divided-equally,
.section-divided-equally-centered,
.section-divided-centered {
    display: flex;
    /*background-color: rgba(255, 255, 0, 0.316);*/
}

/* Left and Right Sections */
.section-h-left {
    max-width: 577.8px;
    margin-right: 1.25%;
}

.section-h-right {
    max-width: 259.4px;
    margin-left: 1.25%;
    /*background-color: blue;*/
}

/* Left and Right Sections */
.section-left {
    max-width: 577.8px;
    margin-right: 1.25%;
}

.section-right {
    max-width: 577.8px;
    margin-left: 1.25%;
    /*background-color: blue;*/
}


/* Equally Divided Sections */
.section-divided-equally,
.section-divided-equally-centered {
    max-width: 400px;
    margin-right: 2.5%;
    display: block;
}

/* Centered Content */
.section-divided-centered,
.section-divided-equally-centered {
    justify-content: center;
    align-items: center;
}

/* Section Stack */
.section-divided-stack {
    padding: 0;
    line-height: 1.4;
    color: black;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    overflow: hidden;
    list-style: none;
    z-index: 1;
}

/* Video Container */
.video-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative;
}

@media screen and (min-width: 600px) {
.section-divided-equally-centered .video-container iframe
{
    width: 400px;
    height: 225px;
}
.section-h-left .video-container iframe
{
    width: 576px; 
    height: 312px;
}

h1 
{
    font-size: 3.5em;
}

h2
{
    font-size: 2.5em;
}

.textlist_bulletpoint h4,
.textlist_bulletpoint h4,
h3
{
    font-size: 1.5em;
}

.section-divided-equally h3,
.section-divided-textlist h3 {
    font-size: 1.75em;
}
.section-divided-equally p,
.section-divided-textlist p {
    font-size: 1.25em;
}

.clickable-button
{
    font-size: 2em;
}

}
@media screen and (max-width: 600px) {
.section-divided-equally-centered .video-container iframe {
        width: 100px; 
        height: 100px;
}
.section-h-left .video-container iframe {
        width: 389px; 
        height: 210px;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

.textlist_bulletpoint h4,
.textlist_bulletpoint h4,
h3
{
    font-size: 1em;
}

.section-divided-equally h3,
.section-divided-textlist h3 {
    font-size: 1.25em;
}
.section-divided-equally p,
.section-divided-textlist p {
    font-size: 1em;
}
}
@media screen and (min-width: 340px) and (max-width:500px) {
    .section-divided-equally-centered .video-container iframe
    {
        width: 330px; 
        height: 155px;
    }
    .section-h-left .video-container iframe
    {
        width: 330px; 
        height: 155px;
    }
}


.video-container video {
    width: 100%;
    height: 100%;
}

/* List and Header Adjustments */
.section-divided-centered li {
    padding-left: 5%;
}

.section-divided-centered h3 {
    text-decoration: underline;
}