body{
            margin:0;
        }
        .principal{
            background-image: url(imagenes/sticks.jpg);
            width: 100%;
            min-height: 950px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            margin:0;
        }
        .menu{
            display: flex;
            align-items: center;
            padding:20px
        }
        nav{
            background-color: teal;
            margin:0;
            position: fixed;
            top: 0;
            width:100%;
            z-index: 5;
        }
        nav li{
            margin-left:30px;
            margin-right:30px;
        }
        .titulo{
            margin-top: 0;
            color: teal;
            font-family: "Fugaz One", sans-serif;
            font-size: 4rem;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom:0;
            -webkit-text-stroke: 1px white;
        }
        .texto p, a{
            color:white;
            text-decoration:none;
            font-family: "Zalando Sans", sans-serif;
        }
        h3{
            color:black;
            text-align: center;
            font-family: "Zalando Sans", sans-serif;
        }
        .videos h3{
            color:teal;
            text-align: center;
            font-family: "Zalando Sans", sans-serif;
            font-size:2rem;
            font-variant: uppercase;
        }
        h2{
            color:black;
            font-family: "Story Script", sans-serif;
            text-transform: uppercase;
            text-align: center;
            font-size: 3.5rem;
            margin-top:100px;
        }
        .texto{
            background-color: rgba(0, 128, 128, 0.382);
            width:40%;
            margin:40px;
            padding:40px;
            position: absolute;
            bottom:20px;
        }
        .inicio {
            font-family: "Story Script", sans-serif;
            color:white;
            text-align:left;
            text-transform: uppercase;
            font-size: 3rem;
            margin-top:5px;
            margin-bottom: 5px;
        }
        p{
            font-family: "Zalando Sans", sans-serif;
            font-size: 1rem;          
        }
        .jugador p{
            text-align: center;
        }
        .texto a{
            background-color: teal;
            padding: 12px 24px;
            border-radius: 12px;
            font-size: 1rem;
            text-decoration: none;
            color:white;
            font-family: "Zalando Sans", sans-serif;
        }
        .texto a:hover{
            background-color: white;
            color:teal;
        }
        .jugador{
            font-family: "Zalando Sans", sans-serif;
            padding: 20px;
            margin:20px;
            /*border: 1px solid rgb(169, 179, 177);*/
            box-shadow: -2px 13px 31px 2px rgba(0,0,0,0.31);
            border-radius:10%;
            display: inline-block;
        }
        .team li a{
            font-family:"Zalando Sans", sans-serif;
            font-size: 20px;
            margin-left:30px;
            margin-right:30px;
            margin-bottom:30px;
            color:black;
        }
        .team ul{
            text-align: center;
            margin-bottom:20px;
        }
        .team li a:hover{
            border-bottom:3px solid teal;
        }
        .equipo{text-align: center;}
        hr{
            border-top: 10px solid teal;
            margin:0;
        }
        .raya{
            border-top: 1px solid black;
            margin:0;
        }
        .stream a{
            background-color: teal;
            padding: 12px 24px;
            margin:10px;
            border-radius: 12px;
            font-size: 1rem;
            text-decoration: none;
            color:white;
            font-family: "Zalando Sans", sans-serif;
            border:2px solid teal;
        }
        .stream a:hover{
            background-color: white;
            color:teal;
            border:2px solid teal;
        }
        .cgy{
            background-image: url(imagenes/partidos/cgy-sharks.jpg);
            margin-left: 200px;
            margin-right: 200px;
            margin-bottom: 50px;
            padding:20px;
            border-radius: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            box-shadow: -2px 13px 31px 2px rgba(0,0,0,0.31);
        }
        .oilers{
            background-image: url(imagenes/partidos/oilers-sharks.png);
            margin-left: 200px;
            margin-right: 200px;
            padding:20px;
            margin-bottom: 50px;
            border-radius: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            box-shadow: -2px 13px 31px 2px rgba(0,0,0,0.31);
        }
        .jets{
            background-image: url(imagenes/partidos/jets-sharks.png);
            margin-left: 200px;
            margin-right: 200px;
            padding:20px;
            margin-bottom: 50px;
            border-radius: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            box-shadow: -2px 13px 31px 2px rgba(0,0,0,0.31);
        }
        .juegos h2{
            font-family: "Fugaz One", sans-serif;
            font-size:1.5rem;
            color:white;
            margin-top:30px;
        }
        .juegos p{
            font-family: "Zalando Sans", sans-serif;
            font-size: 1rem;
            text-align:center;
            margin-top:0;
            padding-bottom:20px;
            color:white;
        }
        .stream{
            text-align:center;
            margin:100px;
        }
        li{
            display: inline-block;
        }
        .community{
            margin: 50px 200px 50px;
            display: flex;
        }
        .community1{
            display: flex;
            justify-content: center;
            align-items: center; 
        }
         .community2{
            display: flex;
            flex-direction: row-reverse;
            justify-content: center;
            align-items: center; 
        }

        .community1 a, .community2 a{
            background-color: teal;
            padding: 12px;
            margin:10px;
            border-radius: 12px;
            font-size: 1rem;
            text-decoration: none;
            font-family: "Zalando Sans", sans-serif;
            border:2px solid teal;
            align-self: flex-start;
        }
        .community1 a:hover, .community2 a:hover{
            background-color: white;
            color:teal;
            border:2px solid teal;
        }
        .team{
            margin-bottom:30px;
        }
        .bloque-info{
            display: inline-block;
            width: 40%;
            margin-left:40px;
            margin-right:40px;
            display:flex;
            flex-direction: column;
        }
        .videos{
            margin-bottom:30px;
        }
        .bloque-videos{
            display: flex;
            width:70%;
            margin:10px auto;
            justify-content: space-around;
        }
        .jugador-link{
            padding:50px;
            box-sizing: border-box;
        }
        .jugador-link h3{
            margin-bottom:20px;
            margin-top:50px;
        }
        footer{
            background-color: teal;
            padding:30px;
            padding-bottom: 70px;
        }
        footer p{
            color:white;
        }
        footer a{
            border:2px solid white;
            padding: 12px 24px;
            border-radius: 12px;
            margin:5px;
            font-size: 1rem;
            text-decoration: none;
            color:white;
            font-family: "Zalando Sans", sans-serif;
        }
        footer a:hover{
            background-color: white;
            color:teal;
        }
        .rr-links{
            display: flex;
            justify-content: space-around;
            margin-bottom:10px;
            flex-wrap: wrap;
        }
        .rrss{
            margin:10px;
        }
        .nhl{
            margin-top:80px;
            text-align: center;
        }
        .boton-more{
            margin:20px
        }

        @media screen and (max-width:900px){
            .bloque-videos{
            flex-direction: column;
            }
            .community1, .community2{
                flex-direction: column;
                margin:10px;
                text-align: center;
            }
            .cgy{
                margin: 100px;
                margin-bottom: 50px;
                background-size: cover;
            }
            .jets{
                margin: 100px;
                margin-bottom: 50px;
                background-size: cover;
            }
            .oilers{
                margin: 100px;
                margin-bottom: 50px;
                background-size: cover;
            }
            .team ul{
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                padding-left: 0;
                margin:auto;
                justify-content:center;
            }
            nav{
                position: static;
                width: auto; 
                height: auto;
            }
            nav li{
                display:flex;
                flex-direction: column;
            }
            .jugador{
            font-family: "Zalando Sans", sans-serif;
            padding: 10px;
            margin:15px 0px 15px;
            }
            .texto{
                position:static;
                width: auto;
                margin: 20px;
                padding:20px;
            }
            .principal{
                min-height:auto;
            }
            .rr-links{
                flex-direction: column;
                align-items: center;
            }
            .redes{
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                gap:5px;
            }
            .footer{
                margin:3px;
                font-size:0,85rem;
                padding:8px 14px;
            }
            .rrss{
                text-align:center;
            }
            .nhl{
                margin-top: 30px;
            }
            .nhl a{
                display: flex;
                flex-direction: column; 
            }
            .footer a{
                font-size:0,85rem;
                height: auto;
            }
            .stream a{
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .boton-more{
                display: flex;
                flex-direction: column;
                margin:10px auto;
                justify-content: center;
            }
        }