.single_line {
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible;
    box-sizing: border-box;
}

.single_line_span {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



canvas {
    position: fixed;
}



.profiles_div {
    background-color: #1d1800;
    position: fixed;
    width: fit-content;
    max-width: 90%;
    height: auto;
    right: 1%;
    bottom: 0;
    z-index: 99999;
    border: 3px solid rgb(23, 19, 0);
    border-radius: 12.5px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}



.profile_icon {
    z-index: 999;
    width: 3vw;
    min-width: 30px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
    transition: transform 0.3s ease, filter 0.3s ease;
    cursor: pointer;
}



.profile_icon:hover {
    transform: rotate(-15deg);
    filter: brightness(120%);
}



body {
    margin: 0px;
    background-color: black;
    height: 100%;
}



#title {
    margin: 0px;
    top: 25px;
    max-width: 800px;
    background-color: #Ffd700;
    font-size: 75px;
    text-align: center;
    border-radius: 25px;
}



.main_section_div {
    display: flex;
    align-items: center;
    justify-items: center;
    align-content: center;
    justify-content: center;
    position: absolute;
}



.section_icon {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 99;
    right: 92.5%;
    bottom: 50%;
    pointer-events: none;
}



.big_section_icon {
    width: 75px;
    height: 75px;
    position: absolute;
    z-index: 99;
    right: 90%;
    bottom: 50%;
}



.section_text {
    margin: 0px;
    position: relative;
    background-color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 25px;
    text-decoration: none;
    width: 100%;
    padding: 5px 30px 5px 30px;
    font-size: 45px;
}



#coolmath_text {
    color: red;
    background-color: rgb(29, 55, 82);
    -webkit-text-stroke: 0.5px yellow;
    font-family: Proxima-Soft-Bold, sans-serif;
}

#scratch_text {
    color: rgb(255, 255, 255);
    background-color: rgb(133, 92, 214);
    -webkit-text-stroke: 0.5px rgb(255, 174, 0);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#studio_text {
    color: rgb(0, 141, 224);
    background-color: rgb(46, 48, 57);
    font-family: Builder Sans, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}

#python_text {
    color: #4B8BBE;
    background-color: #FFE873;
    font-family: SourceSansProBold, Arial, sans-serif;
}

#java_text {
    color: #f89820;
    background-color: #26465c;
    font-family: "OracleSansVF", "OracleSansVFCyGr", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
}

#javascript_text {
    color: #323330;
    background-color: #F0DB4F;
}

#cpp_text {
    color: white;
    background-color: #00599C;
}

#react_native_text {
    color: #ffffff;
    background-color: #61DBFB;
    font-family: "Helvetica";
}

#rust_text {
    color: #ab6c48;
    background-color: #2f333a;
    font-family: "Fira Sans", Helvetica, Arial, sans-serif;
}

#swift_text {
    color: #ffffff;
    background-color: #e8754b;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

#senior_year_text {
    color: #B9D2DC;
    background-color: #002678;
    font-family: SourceSansProBold, Arial, sans-serif;
}

#charlotte_1_text {
    color: #d3d3d3;
    background-color: #005f3f;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
}

#charlotte_2_text {
    color: #005035;
    background-color: #a49665;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
}

#github_text {
    color: #ffffff;
    background-color: #212830;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#verilog_text {
    color: #8aaee3;
    background-color: #355a94;
    font-family: 'Courier New', Courier, monospace;
}



.section_content_div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    align-content: center;
    justify-content: center;
    position: absolute;
}



.content_anchor {
    margin: 2.5px 0px 2.5px 0px;
    position: relative;
    background-color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 25px;
    text-decoration: none;
    width: 100%;
    font-size: 32px;
    padding: 5px 15px 5px 15px;
}



.start_stretch_content {
    margin: 42px 0px 20px 0px;
}



.stretch_content {
    margin: 21px 0px 21px 0px;
}



.final_anchor {
    margin-bottom: 25px;
}