@font-face{
    font-family:League;
    src:url(../fonts/LeagueGothic-Regular.otf);
}

*{
    margin:0;
    padding:0;
}

body{
    background-color:#3E2C41;
    /* Line-Height 2 double spaces it */
    line-height:2;
    /*idk why but this padding keeps the page from scrolling*/
    padding-right:13px
}

h1, h2, h3{
    color:rgb(255, 255, 255);
    font-family:league;

}

h3{
    font-size:60px
}

header{
    background-color:#261C2C;
}

#leftheader{
    text-align:left;
    margin-left:20px;
    letter-spacing:3px;
    float:left;
    font-size:80px
}

#rightheader{
    text-align:right;
    margin-right:20px;
    margin-top:50px;
    letter-spacing:3px;
    float:right;
    font-size:40px
}

.leftside, .rightside{
    height:100%;
    width:100%;
}

.leftside{
    /* background-color:red; */
    padding-left:10%
}

#catvideo{
    margin:50px 0px 0px 100px;
    border:3px solid #5C527F;
}


.rightside{
    /* background-color:blue; */
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(38, 28, 44, 1));
    color:white;
    font-family:League;
    text-align:center;
    font-size:40px;
    padding-top:50px;
    padding-right:25%;
    
    
}


footer{
    text-align:right;
    color:white;
    margin-top:10px;
}


/* Yoinked from here https://welearncode.com/rainbow-text/ */
em{
    text-transform: uppercase;
    color: #fff;
    text-shadow: -4px 4px #ef3550,
                 -8px 8px #f48fb1,
                 -12px 12px #7e57c2,
                 -16px 16px #2196f3,
                 -20px 20px #26c6da,
                 -24px 24px #43a047,
                 -28px 28px #eeff41,
                 -32px 32px #f9a825,
                 -36px 36px #ff5722;
}