@import url('https://fonts.googleapis.com/css2?family=Lato&family=Rowdies:wght@300&display=swap');
body{
    font-family: 'Lato', sans-serif;
    width:1100px;/*szerokość strony*/
    margin-left:auto;
    margin-right:auto;/*wyśrodkowanie strony poprzez ustawienie lewgo i prawego marginesu na automatyczny*/



  }
  
  img{
    border-radius:5px;/*zaokrąglenie obramowania*/
    
  }
  
  h1,h2,h3{
    
    font-family: 'Rowdies', cursive;
  }

  button{
  
    background: #FF8008;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFC837, #FF8008);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFC837, #FF8008); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    margin-top:10px;
    padding:20px;/*wypełnienie odstęp pomiędzy elementem a jego obramowaniem*/
    font-family: 'Lato', sans-serif;
    font-size:18px;/*wielkość czcionki*/
    border:none;
    border-radius:4px;
    transition-duration:0.6s;/*czas na załadowanie styli*/
    
  }
  
  button:hover{
    opacity:0.8;
    cursor:pointer;/*zmiana kursora myszki na łapkę*/ 
  }

 .main-menu{
    
    display: inline;/*domyślnie elementy listy są elementami blokowymi a to oznacza że są umieszczone każdy w nowym wierszu, wartość inline przekształca w element wewnątrzwierszowy przez co elementy listy będą w jednej linii.*/
    padding:20px;
 }

 a{
font-size:25px;
text-decoration:none;/*usuwa domyślne podkreślenie*/
color:#f05648;

 }

 a:hover{
    color:#ebab34;
    

 }

 span{
    color:#f05648;

 }