@media screen and (max-width: 800px) {
                
                *{
                    margin: 0;
                    padding: 0;
                }
                
                body {
                    background: rgb(0, 0, 0);
                    background: linear-gradient(90deg, rgb(45, 2, 236) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgb(45, 2, 236) 100%);
                    width: 100vw;
                    min-height: 100vh;
                    display: grid; 
                 }






                #wrapper {
                   
                    width: 100%;
                    height: fit-content;                    
                    display:grid;
                    grid-template-columns: 1fr 1fr;                    
                    justify-items: center;

                 }
                
                .boxyzew {
                    align-self: start;
                    background: rgb(0, 0, 0);
                    width: 100%;   
                    height: fit-content;
                }
                
                .boxyzew2 {
                    
                    width: 100%;   
                    height: fit-content;
                    padding-bottom: 15vh;
                }

                .boxtyt {
                
                    
                    color: aquamarine;
                    font-family: "Dancing script", serif;
                    font-size: 25px;
                    margin-top: 30px;
                    margin-bottom: 30px;
                    text-align: center;
                }
    
                .tytuly {
                    font-family: "Rubik Vinyl", serif;
                    text-align: center;
                    font-size: 25px;
                    padding-top: 25px;                   
                }
                
                .year {
                    background: #000000;
                    background: 
                        /* linear-gradient(90deg, rgb(45, 2, 236) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgb(45, 2, 236) 100%), */
                        linear-gradient(180deg, rgb(45, 2, 236) 0%, rgb(0, 0, 0) 35%, transparent);
                    font-family: "Rubik Vinyl", serif;
                    grid-column-start: 1;
                    grid-column-end: 3;
                    text-align: center;
                    align-content: end;
                    font-size: 22px;
                    width: 100%;
                    color: rgb(236, 224, 45);
                    padding-top: 20px;
                    height: 10vh;
                    /* border: 1px solid rgb(29, 245, 10); */
                }
                .boxwewyear{
                    inherits: background;

                }
                .yeardrugi {
                    display: none;
                    height: 0px;
                }

                .box {
                    text-align: center;
                    font-size: 14px;
                    align-content: flex-start;
                }
                a.wiersze_linki {
                    color: azure;
                    text-decoration: none;  
                    font-family: "Special Elite", serif;
                }

                .wiersze_linki:hover {
                    color: rgb(181, 185, 185);
                    text-decoration: none;
                }
        
                

    
    
                #linko
            {   
                text-align: center;
                align-self: last baseline; 
                width: 100%;
                height: fit-content;
                /*text-align: center;*/
               /* border: 1px solid rgb(29, 245, 10);*/
                font-size: 13px;
                font-family: 'Roboto Light',serif;
                margin-bottom: 70px;
               
		        
                
                
            }
                a.wllinko{ 
                    text-decoration: none; 
                    color: #7573d8;
                    
                }
                .wllinko:hover{
                    color: #6462c7;
                    text-decoration: none;
                }
        
        
        
        
        
        
                }
    
    
    
            @media screen and (min-width: 801px) {
                *{
                    margin: 0;
                    padding: 0;
                }
                
                 body {
                    background: rgb(0, 0, 0);
                    background: linear-gradient(90deg, rgb(45, 2, 236) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgb(45, 2, 236) 100%);
                    width: 100vw;
                    height: 100vh;
                    display: grid;
                     
                 }
                 #wrapper {
                    width: 100%;
                    height: fit-content;                    
                    display:grid;
                    grid-template-columns: 1fr 1fr;
                   
                    /*grid-template-rows: minmax(0px, auto);*/
                    
                     
                 }
                .boxyzew {
                    align-self: start;
                    height: 27vh;
                    width: 100%;   
                    
                }
                .boxyzew2 {
                    
                    
                    width: 100%;   
                    height: 20vh;
                }




                .boxtyt {
                
                        
                    color: aquamarine;
                    font-family: "Dancing script", serif;
                    font-size: 40px;
                    margin-top: 30px;
                    margin-bottom: 30px;
                    text-align: center;
                }
                
                  
                  
    
                .tytuly {
                    font-family: "Rubik Vinyl", serif;
                    text-align: center;
                    font-size: 25px;
                    padding-top: 25px;
                    
                    color: rgb(236, 224, 45);
                }

                .year {
                    grid-column-start: 1;
                    grid-column-end: 3;   
                    height: 1px;       
                }


                .boxwewyear {
                
                    display: none; 
                    padding:5px;
                    /* height: auto;*/
                }

                .yeardrugi {
                    font-family: "Rubik Vinyl", serif;
                    text-align: center;
                    font-size: 25px;
                    
                    color: rgb(236, 224, 45);
                    
                }

                .box {
                    text-align: center;
                    padding-top: 2vh;
                    font-size: 19px;

                }
                    
                a.wiersze_linki {
                    color: azure;
                    text-decoration: none;  
                    font-family: "Special Elite", serif;
                }

                .wiersze_linki:hover {
                
                    color: rgb(181, 185, 185);
                    text-decoration: none;
                }
        
                



                #linko
            {   
                align-self: last baseline;               
                width: 100%;
                text-align: center;               
                font-size: 15px;
                font-family: 'Roboto Light',serif;
                height: fit-content;
                margin-bottom: 15px;
         
            }
                a.wllinko{ 
                    text-decoration: none; 
                    color: #7573d8;
                }
                .wllinko:hover{
                    color: #6462c7;
                    text-decoration: none;
                }         
            }
                /* border: red solid 1px; */