/* CSS HEX *
    --cultured: #f2f2f2;
    --medium-candy-apple-red: #df1a2d;
    --bordeaux: #95010f;
    --gainsboro: #dddddd;
    --eerie-black: #191919;


     SCSS RGB
    $cultured: rgba(242, 242, 242, 1);
    $medium-candy-apple-red: rgba(223, 26, 45, 1);
    $gainsboro: rgba(221, 221, 221, 1);
    $eerie-black: rgba(25, 25, 25, 1);

    */
    .nav-link-homepage {
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    .index-body {
        min-height: 100vh;
        background: rgb(34,0,3);
        background: -moz-linear-gradient(180deg, rgba(34,0,3,0.5) 0%, rgba(223,25,44,0.5) 95%);
        background: -webkit-linear-gradient(180deg, rgba(34,0,3,0.5) 0%, rgba(223,25,44,0.5) 95%);
        background: linear-gradient(180deg, rgba(34,0,3,0.5) 0%, rgba(223,25,44,0.5) 95%);
        position: relative;
    }
    .index-body #startchange {
        position: absolute;
        top: 20%;
        left: 50.45%;
        transform: translateX(-50%);
        background: transparent;
        width:100px;
        height: 10px;
    }

    .index-body .bgimg{
        position: absolute;
        background-image: url(../img/index/bg-index-body.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
        height: 100vh;
        width: 100vw;
    }
    .red-square {
        position: absolute;
        top: 0;
        left: 50.45%;
        transform: translateX(-50%);
        background: rgb(201,40,44);
        background: -moz-linear-gradient(180deg, rgba(201,40,44,1) 7%, rgba(162,0,15,1) 50%);
        background: -webkit-linear-gradient(180deg, rgba(201,40,44,1) 7%, rgba(162,0,15,1) 50%);
        background: linear-gradient(180deg, rgba(201,40,44,1) 7%, rgba(162,0,15,1) 50%);
        width:100px;
        height: 75%;
    }
    .index-body .red-line {
        position: absolute;
        top: 45%;
        left: 50.45%;
        transform: translate(-50%, -50%);
        width:340px;
        height: 150px;
        border-right: solid 2px #b6141e;
        border-left: solid 2px #b6141e;

    }
    .white-line {
        position: absolute;
        top: 10%;
        left: 50.45%;
        transform: translateX(-50%);
        background: rgba(242, 242, 242, 0.4);
        width:1px;
        height: 65%;

        background: rgb(201,40,44);
        background: -moz-linear-gradient(180deg, rgba(201,40,44,0.5) 0%, rgba(242,242,242,0.500437675070028) 15%, rgba(242,242,242,1) 45%);
        background: -webkit-linear-gradient(180deg, rgba(201,40,44,0.5) 0%, rgba(242,242,242,0.500437675070028) 15%, rgba(242,242,242,1) 45%);
        background: linear-gradient(180deg, rgba(201,40,44,0.5) 0%, rgba(242,242,242,0.500437675070028) 15%, rgba(242,242,242,1) 45%);
    }
    .index-body .scudetto {
        position:absolute;
        z-index: 2;
        height: 150px;
        top: 45%;
        left: 30%;
        transform: translate(-50%, -50%);
    }
    .index-body .logo {
        position:absolute;
        z-index: 2;
        height: 200px;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .index-body .nextgen {
        position:absolute;
        z-index: 2;
        height: 150px;
        top: 45%;
        left: 70%;
        transform: translate(-50%, -50%);
    }
    .index-body .scudetto-team {
        position: absolute;
        top: 60%;
        left: 70%;
        transform: translate(-50%, -50%);
    }
    .index-body .nextgen-team {
        position: absolute;
        top: 60%;
        left: 30%;
        transform: translate(-50%, -50%);
    }
    .index-body .scudetto-team h3, .index-body .scudetto-team h5,
    .index-body .nextgen-team h3, .index-body .nextgen-team h5 {
        font-family: 'Scarecrow';
        color: #f2f2f2;
        letter-spacing: 1.5px;
    }