@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');
body
{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
h1
{
    font-size:3rem;
    margin-bottom: 10px;
    margin-top: 0;
}
h2
{
    margin-top: 0;
}
p
{
    font-weight:600;
}

.navigation
 {
     width:100%;
     box-sizing: border-box;
     margin:0;
     padding:10px;
     background-color:#424242;
     ;
     
 }
 .navigation ul
 {
     display:flex;
     justify-content: flex-end;
     align-items: center;
     margin: 0;

 }
 .navigation li
 {
     list-style-type: none;
     padding:10px;
     margin-right:10px;
}
 .navigation li:first-child
 {
    margin-right: auto;
 }
 .link
 {
     background-color:#e0e0e0 ;
     border-radius: 2px;
     padding:1px;
     text-decoration: none;
     color:#424242;
     font-size: 1.2rem;
 }
 .btn
 {
    text-decoration: none;
    color:white;
 }
 .navigation li a
 {
     text-decoration: none;
     color:white;
     font-size: 1.2rem;
}

.navigation li a::after
{
    content:"";
    display: block;
    height:.3rem;
    background-color:white;
    width:0%;
    margin-top: 5px;
    transition: all ease-in-out 250ms;

}

.navigation li a:hover::after
{
 
    width:100%;
}

.library__installation
{
    display:flex;
    justify-content: space-between;
    background-color: #e0e0e0;
}
/* .library__installation-guide
{
   
} */

.library__info,.installation__guide
{
    background-color:white;
    padding:20px;
    width:500px;
    border-radius: 10px;
    margin:20px 100px 0px;
    box-shadow: 2px 2px 8px #424242;

}

.getting__started
{
    background-color: #424242;
    color:white;
    padding:10px;
    border-radius: 5px;
    margin-left: 5rem;
    width:200px;
    position: relative;
    top:.1rem;
    left:2rem;
    text-transform: capitalize;
    font-size: 1.5rem;
    text-align: center;
    display: inline-block;
}