body{
background-color:#D6D6D6;
}



h1{

color:white;
border-radius:50px;
border:15px solid #85BFCD;
padding: 30px 15px 20px 15px;
margin-right:400px;
margin-left:400px;
margin-top:100px;
background-color:#85BFCD;
font-family:Rubik,serif;
font-size: 70px; 
}

h2{
text-align:center;
font-family:Rubik,serif;
font-size:25px;
color:white;
border:7px solid #85BFCD;
border-radius:40px;
background-color:#85BFCD;
margin:5px 200px 5px 200px;
padding:5px 10px 5px 10px ;
}

h3{
text-align:center;
font-family:Rubik,serif;
font-size:20px;
color:white;
border:5px solid #85BFCD;
border-radius:40px;
background-color:#85BFCD;
margin:20px 500px 5px 500px;
padding:5px 10px 5px 10px ;
}

hr{
color:#27A2BB;
border:5px solid #27A2BB ;
margin:15px 15px 15px 15px;
Border-radius:40px;
}

li{
float:left;
}

 a{

display:inline-block;
text-align:center;
color:white;
background-color:#85BFCD;
padding: 10px  10px;
text-decoration: none;
font-family:Rubik,serif;
font-size:20px;
transition: background-color 1.5s;

}

a:hover{
background-color:#27A2BB;

}

nav{

border-radius: 20px 20px 0px 0px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #85BFCD;
}

#scroll{

border-radius: 0px 0px 20px 20px;
position:sticky;
top:0px;
}


#text {
font-family:Rubik,serif;
font-size:20px;
border: 15px solid #85BFCD;
border-radius:40px;
margin:90px 400px 100px 25px;
padding:10px 10px 10px 10px;
}

p{
font-family:Rubik,serif;
font-size:20px;
border: 15px solid #85BFCD;
border-radius:40px;
margin:50px 50px 40px 25px;
padding:10px 10px 10px 10px;
}

#ja{
 float:right;
border: 15px solid #27A2BB;
border-radius:40px;
margin-right:40px;
margin-top:20px;
}
/*Sydny Crosby*/
#sydnyobr{
 float:right;
border: 15px solid #FFDB58;
border-radius:40px;
margin-right:40px;
margin-top:20px;
}

#sydnynad{
text-align:center;
font-family:Rubik,serif;
font-size:20px;
color:white;
border:5px solid #FFDB58;
border-radius:40px;
background-color:#FFDB58;
margin:50px 500px 5px 500px;
padding:5px 10px 5px 10px ;
}

#sydnytext {
font-family:Rubik,serif;
font-size:20px;
border: 15px solid #FFDB58;
border-radius:40px;
margin:90px 400px 100px 25px;
padding:10px 10px 10px 10px;
}
/*Connor McDavid*/

#connorobr{
 float:right;
border: 15px solid #F58345;
border-radius:40px;
margin-right:40px;
margin-top:20px;
}




#connornad {
text-align:center;
font-family:Rubik,serif;
font-size:20px;
color:white;
border:5px solid #F58345;
border-radius:40px;
background-color:#F58345;
margin:20px 500px 5px 500px;
padding:5px 10px 5px 10px ;
}

#connortext {
font-family:Rubik,serif;
font-size:20px;
border: 15px solid #F58345;
border-radius:40px;
margin:90px 400px 100px 25px;
padding:10px 10px 10px 10px;
}

#astinobr{
 float:right;
border: 15px solid #FFDB58;
border-radius:40px;
margin-right:40px;
margin-top:20px;
}

#astinnad{
text-align:center;
font-family:Rubik,serif;
font-size:20px;
color:white;
border:5px solid #FFDB58;
border-radius:40px;
background-color:#FFDB58;
margin:50px 500px 5px 500px;
padding:5px 10px 5px 10px ;
}

#astintext {
font-family:Rubik,serif;
font-size:20px;
border: 15px solid rgb(86, 132, 252)
border-radius:40px;
margin:90px 400px 100px 25px;
padding:10px 10px 10px 10px;
}
/*Jaromír Jagr*/

#jagrobr{
 float:right;
border: 15px solid #EB4447;
border-radius:40px;
margin-right:40px;
margin-top:20px;
}

#jagrnad{
text-align:center;
font-family:Rubik,serif;
font-size:20px;
color:white;
border:5px solid #EB4447;
border-radius:40px;
background-color:#EB4447;
margin:20px 500px 5px 500px;
padding:5px 10px 5px 10px ;
}

#jagrtext {
font-family:Rubik,serif;
font-size:20px;
border: 15px solid #EB4447;
border-radius:40px;
margin:90px 400px 100px 25px;
padding:10px 10px 10px 10px;