/* Page Formatting */

/* Coloring */

.top-bar, .interior {
    background-color:rgb(200,25,25);
}

.interior {
    color:          rgb(245,245,245);
}
.footer {
    background-color:           rgb(20,5,5);
    /*background-image: linear-gradient(rgb(20,5,5),rgb(20,5,5),rgb(100,65,165));*/
}

/* Padding */
/*
.header {
    padding:        2rem 0rem 1rem 2rem;
} */
.footer {
    padding:        .5px 1rem 2rem 2rem;
}
/*.aboutbox {
    width:          200px;
    height:         215px;
    padding-top:    1rem;
    margin:         0.5rem 0.5rem 0.5rem 0.5rem
}*/

/* Border */
.top-bar {
    border-radius:  3rem;
}

.interior {
    border-radius:      3.5rem;
}
.footer {
    border-bottom-left-radius:  3rem;
    border-bottom-right-radius: 3rem;
}
.aboutbox {
    border-radius:1rem;
}

/* Button Formatting */
.subhead,.glamshot {
    display:inline-block;
}
.aboutbox {
    display:inline-block;
}

/* Button Formatting */

/* Coloring */
button {
    background-color:rgb(30,30,30);
    color:          rgb(245,245,245);
}
/*button:hover{
    background-color:rgb(210,30,30);
}*/

/* Padding */
button {
    padding:    0.5rem 1rem 0.5rem 1rem;
}

/* Border */
button {
    border:         none;
    border-radius:  1rem;
}
/*.twitch, .github, .youtube {
    border:         none;
    border-radius:  5px;
}*/

/* Misc */
button {
    transition: background-color 0.75s, opacity 0.5s;
}

button:active{
    opacity: 0.85;
}

.segements_button, {
    transition: opacity 0.5s;
}
/*.linkedin:active{
    opacity: 0.75; Will Review*/

/* Image Formatting */
.glamshot {
    width:          100px;
    height:         100px;
    object-fit:     cover;
    border-radius:  50px;
}

.img_segment {
    max-height:100%;
    max-width:100%;
}

/* Link Formatting */
a {
    text-decoration: none;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 1rem;
}

.nav {
    background-color:rgb(20,20,20);
    color:          rgb(245,245,245);
}

.footnav {
    background-color:rgb(120,20,20);
    color:          rgb(245,245,245);
}

.github {
    background-color:rgb(20,20,20);
    color:          rgb(245,245,245);
}

.youtube {
    background-color:rgb(255,0,0);
    color:          rgb(245,245,245);
}
.linkedin {
    background-color:rgb(0, 119, 181);
    color:          rgb(245,245,245);
}

.twitch {
    background-color:rgb(100,65,165);
    color:          rgb(245,245,245);
}

.bluesky {
    background-color:rgb(29,161,242);
}

html {
    /*text-align:     center;*/
    background-color:rgb(25,25,40);
    background-image: linear-gradient(rgb(225,225,225),rgb(20,5,5),rgb(80,10,10),rgb(20,5,5),rgb(225,225,225));
}

a {
   color:          rgb(245,245,245);
}

.mainvideo {
    /*height:     auto;*/
    height: 720px;
    max-height: 720px;
    min-height: 270px;
    width:      1280px;
    min-width:  480px;
    max-width:  95%;
    border-radius: 5rem;
}

.sidevideo {
    min-height:     270px;
    max-width:  95%;
    min-width:  480px;
    border-radius: 2.5rem;
    padding:    0rem    0rem    0rem    0rem;
}

.footer {
    text-align: left;
}

body {
    margin: 2%  0% 1%  0%;
    text-align: center;
}

.sidebar {
    max-width: 1300px;
    min-width: 500px;
    /*border-radius: 4.5rem;*/
}

.interior {
    /*text-align: right;*/
    max-width: 65%;
    min-width: 500px;
}

.sidebar, .interior {
    /*display:    inline-block;*/
    /*background-color: rgb(180,10,10);*/
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.head {
    /*background-color: rgb(10,5,5);*/
    background-image: linear-gradient(rgb(20,5,5),rgb(80,10,10),rgb(20,5,5));
    color:          rgb(245,245,245);
    border-radius:  4rem;
    padding:    1rem    0rem    0rem    1rem;
    text-align: center;
}

.subhead {
    padding-left: 2rem;
}

.box {
    background-color: rgb(180,10,10);
    border-radius: 2.5rem;
    padding: 0.1rem   1rem    1rem    1rem;
    margin-top: 1.5rem;
    text-align: center;
}

.icon {
    height: 1rem;
    width: 1rem;
    object-fit:     cover;
}

.main {
    text-align:center;
    padding-top:2rem;
    padding-bottom:2rem;
    background-image: linear-gradient(rgb(20,5,5),rgb(100,65,165),rgb(20,5,5));
}