@import url('https://fonts.googleapis.com/css2?family=LXGW+Marker+Gothic&display=swap');
@media (min-width: 1200px){
  #maly{
    display:none;
  }
  .obliczenia {
    color: aliceblue;
    margin-top:10px;
  }
  #wykres{
    width: 100%;
    height: 490px;
    display: flex;
    align-items: center;
    overflow: hidden;
  }

  a{
    text-decoration:none;
    color:wheat;
  }
  body{
    width:100%;
    
    background-image: linear-gradient(60deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
    font-family:"LSGW Marker Gothic","sans-serif";
    overflow:none;
    
  }
  *{
   
    overflow:none;
  }
  #duzyg{
    text-align:center;
    color:darkgrey;
    
  }
  #duzy{
    overflow-y:scroll;
    overflow-x:none;
   
  }
  @keyframes teksty{
    from {color:darkgrey;font-size:1.2em;}
    to {color:black;font-size:1.4em;}
 	
 
  
  }
  
  .klasy{
    float:left;
    width:49%;
    animation:teksty;
 animation-duration: 4s;
    animation-direction: alternate;
    animation-iteration-count:124;

  
    
    height:100px;
    font-size:1.2em;
    text-decoration:none;
  
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  a.klasy{
    float:left;
    width:49%;
    
    height:100px;
    font-size:1.6em;
    text-decoration:none;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
  }
 
  .wynikg:nth-child(odd){
	width:25%;
    border-radius:40px;
      color:black;
	text-align:center;
  background-image: linear-gradient(0deg,rgba(34, 195, 53, 1) 0%, rgba(201, 200, 199, 1) 100%);
  float:left;
    margin:30px;
    margin-left:120px;
    display: flex;
    justify-content:center;
    align-items:center;
 	height:80px;
    
  }
  .obliczenia{
    width:80%;
    clear:both;
    margin:auto;
    margin-top:40px;
    color:wheat;
    height:700px;
    overflow-x:none;
    background-image: linear-gradient(0deg,rgba(34, 193, 195, 0.23) 0%, rgba(253, 45, 149, 0.54) 100%);
    left:0;
    text-align:center;
    border-radius:70px;
    
  }
  .wynikg{
    margin-left:120px;
  }
.wynikg:nth-child(even){
  	width:25%;
    border-radius:40px;
       color:black;
	text-align:center;
  	margin-left:120px;
  background-image:linear-gradient(87deg,rgba(126, 252, 141, 1) 24%, rgba(0, 212, 198, 1) 74%);
  height:80px;
  margin:30px;
  float:left;
  display: flex;
    justify-content:center;
    align-items:center;
}
  
  .wynikost{
  	width:25%;
    border-radius:40px;
        color:black;
	text-align:center;
  
  	
  background-image:linear-gradient(87deg,rgba(126, 252, 141, 1) 24%, rgba(0, 212, 198, 1) 74%);
  height:120px;
display:flex;
    align-items:center;
    justify-content:center;
  clear:both;
    margin:auto;
    margin-bottom:40px;

}
  #archg{
   background-image:linear-gradient(76deg,rgba(131, 58, 180, 0.44) 20%, rgba(253, 29, 29, 0.56) 42%, rgba(252, 139, 59, 0.35) 66%, rgba(252, 176, 69, 0.52) 89%);
    margin:auto;
    width:90%;
    color:white;
    line-height:23px;
    text-align:left;
    overflow-y:scroll;
    overflow-x:none;
    height:1000px;
    line-height:39px;
    padding-left:12px;
 	   font-size:1.4em;   
    
    
    
  }

    a:active{
    color:green;
    font-size:120%;
    transition: font-size 2s;  
  }
  #dolg{
    margin-left:0px;
    clear:both;
    width:100%;
    background-color:greenyellow;
    height:50px;
    text-align:center;
    bottom:0;
  	margin-right:15px;
    overflow-x:none;
    
  }
  #dolg *{
    left:0;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow-x:none;
    
 
  }

}
@media (max-width:1199px){
  #duzy{
    display:none;
  }
  body{
    background-image:linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
    width:100%;
  
    
  }
  #glowam{
    color:wheat;
    text-align:center;
    width:100%;
    font-size:2em;
    position:sticky;
    top:0;
    background-image:linear-gradient(0deg,rgba(34, 193, 195, 0.5) 0%, rgba(253, 187, 45, 0.48) 100%);
    
 
    
    
  }
  #nawi{
    width:100%;
    height:80px;
    background-color:red;
    font-size:1.7em;
    text-decoration:none;
    display:flex;
    justify-content:center;
    background-image:linear-gradient(0deg,rgba(34, 193, 195, 0.23) 0%, rgba(253, 187, 45, 0.22) 100%);
    
    
  }
  a{
    transition: font-size 4s;
  }
  a:active{
    color:green;
    font-size:1.8em;
  }
  duzym{
    float:left;
    margin-top:100px;
  }

  .wynikm:nth-child(odd){
    background-image:radial-gradient(circle,rgba(168, 162, 224, 1) 0%, rgba(11, 79, 121, 1) 100%, rgba(123, 212, 255, 1) 100%);
    width:80%;
    margin:auto;
    border-radius:70px;
    height:350px;
    margin-bottom:25px;
    color:black;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:3.4em;
    
  }
    .wynikm:first-child{
    margin-top:25px;
    
  }
  .wynikm:last-child{
    margin-bottom:25px;
  }
  
  .wynikm:nth-child(even){
       background-image:radial-gradient(circle,rgba(162, 224, 201, 1) 0%, rgba(9, 121, 22, 1) 100%, rgba(0, 212, 255, 1) 100%);
    width:80%;
    margin:auto;
    border-radius:70px;
    height:350px;
    margin-bottom:25px;
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:3.4em;
    color:black;
  }
  #archm{
 	width:100%;
    height:700px;
    overflow:scroll;
    background-image:linear-gradient(90deg,rgba(162, 224, 201, 0.1) 0%, rgba(184, 53, 53, 0.1) 91%);
    
  }
  .ar{
    
    font-size:3.5em;
    color:white;
    line-height:3.2em;
    
    
  }
  h2{
    font-size:3.7em;
    color:white;
  }
  #stopkam{
    margin-top:-50px;
    background-color:blue;
    font-size:2em;
    text-align:center;
    height:60px;
    color:white;
    left:0px;
    
  }
  .wynikwykres{
    height: 700px;
    background-image:radial-gradient(circle,rgb(100, 224, 162) 0%, rgba(9, 121, 22, 1) 100%, rgba(0, 212, 255, 1) 100%);
    width:80%;
    border-radius:80px;
    margin: auto;
    padding-top:80px;
    


  }
  }