body {
    background:lightgray;
    font-family:Helvetica;
}
table, th, td {
    border:2px ridge gray;
}
a {
    text-decoration: none;
}
a:active {
    color: red;
}
.nav-link {
    display: inline-block;
    transition: transform 0.2s ease, font-size 0.5s ease, font-weight 0.5s ease;
    --hover-c1: #000000;
    --hover-c2: #000000;
}
.nav-link:visited {
    color: inherit;
}
.nav-link:hover {
    font-size: 30px;
    transform: scale(1.04);
    background: -webkit-linear-gradient(var(--hover-c1), var(--hover-c2));
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bolder;
}
.sports_link { --hover-c1: #006778; --hover-c2: #FF8000; }
.hurricane_link { --hover-c1: #ff0000; --hover-c2: #000000; }
.github_link { --hover-c1: #000000; --hover-c2: #808080; }
.events_link { --hover-c1: #7e3f00; --hover-c2: #ffff00; }
.aboutme_link { --hover-c1: #ffff00; --hover-c2: #ff0000; }
.img_hurricane{
    border:inset;
    border-color:#ff0000;
    box-shadow:5px 5px black;
}
#img_profile{
    border-style: solid;
    border-width: 5px;
    border-image: conic-gradient( #00677F,#FF8000, #00677F,#FF8000) 1;
    box-shadow:5px 5px black;
}
#multicolor-text {
    font-size: 65px;
    background: linear-gradient(to right,
                violet,
                indigo,
                blue,
                green,
                yellow,
                orange,
                red,
                violet,
                indigo,
                blue,
                green,
                yellow,
                orange,
                red);
        -webkit-background-clip: text;  
                background-clip: text;
        color: transparent;
}
#multicolor-text-subheading {
    font-size: 25px;
    background: linear-gradient(to left,
                violet,
                indigo,
                blue,
                green,
                yellow,
                orange,
                red);
        -webkit-background-clip: text;  
                background-clip: text;
        color: transparent;
}
#multicolor-text-aboutme {
    font-size: 65px;
    background: linear-gradient(to right,
                violet,
                indigo,
                blue,
                green,
                yellow,
                orange,
                red,
                violet,
                indigo,
                blue,
                green,
                yellow,
                orange,
                red);
        -webkit-background-clip: text;  
                background-clip: text;
        color: transparent;
        
}
#multicolor-text-sports {
    font-size: 50px;
    background: linear-gradient(to left,
                #00677F,
                #FF8000,
                #00677F,
                #FF8000,
                #00677F,
                #FF8000);
        -webkit-background-clip: text;
                background-clip: text;
        color: transparent;
}
#multicolor-text-hurricane {
    font-size: 50px;
    background: linear-gradient(to left,
                #ff0000,
                #9b1212, 
                #ff0000,
                #9b1515, 
                #ff0000,
                #b81f1f);
        -webkit-background-clip: text;
                background-clip: text;
        color: transparent;
}
#multicolor-text-github {
    font-size: 50px;
    background: linear-gradient(to left,
                black,
                gray, 
                black,
                gray, 
                black,
                gray);
        -webkit-background-clip: text;
                background-clip: text;
        color: transparent;
}
#multicolor-text-events {
    font-size: 50px;
    background: linear-gradient(to left,
                yellow,
                brown, 
                yellow,
                brown, 
                yellow,
                brown);
        -webkit-background-clip: text;
                background-clip: text;
        color: transparent;
}
.text-center {
    text-align:center;
}
.events-list {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
    list-style: none;
    padding-left: 1.25em;
}
#mclaren-header {
     font-size: 30px;
    background: linear-gradient(to left,
                #FF8000,
                #000000,
                #FF8000,
                #000000,
                #FF8000,
                #000000);
        -webkit-background-clip: text;
                background-clip: text;
        color: transparent;
}
#jaguars-header{
     font-size: 30px;
    background: linear-gradient(to left,
                #00677F,
                #D7A22A,
                #00677F,
                #D7A22A);
        -webkit-background-clip: text;
                background-clip: text;
        color: transparent;
}
#table-AFC{
    background: linear-gradient(to left,
    #D7A22A,
    #00677F, 
    #D7A22A,
    #00677F, 
    #D7A22A,
    #00677F);
}
/* The rest of this code is for the F1 Sports Tables */
#constructors-header{
    background: linear-gradient(to right,
    #E30118,
    #00A19B,
    #FFF200,
    #037A68,
    #FF8000,
    #2173B8,
    #00A0DE,
    #E6002B,
    #A42134,
    #20394C);
}
#redbull-row{
    background:linear-gradient(to left,
    #FDD900,
    #E30118,
    #FDD900);;
}
#mercedes-row{
    background:linear-gradient(to left,
    #C8CCCE,
    #00A19B,
    #C8CCCE);;
}
#ferrari-row{
    background:linear-gradient(to left,
    #FFF200,
    #EF1A2D,
    #0096D6);;
}
#aston-row{
    background:linear-gradient(to left,
    #FFFFFF,
    #037A68,
    #FFFFFF);;
}
#mclaren-row{
    background:linear-gradient(to left,
    #000000,
    #FF8000,
    #000000);;
    color: white;
}
#alpine-row{
    background:linear-gradient(to left,
    rgb(255, 112, 138),
    #1a82d6,
    rgb(255, 112, 138));;
}
#williams-row{
    background:linear-gradient(to left,
    rgb(2, 2, 158),
    #00A0DE,
    rgb(2, 2, 158));;
}
#haas-row{
    background:linear-gradient(to left,
    black,
    #E6002B,
    rgb(255, 255, 255));
    color:white;
}
#sauber-row{
    background: linear-gradient(to left,
    #00af09,
    #000000,
    #00af09);
    color:white;    
}
#rb-row{
    background: linear-gradient(to left,
    red,
    #003cff,
    #F5F5F5);
}