:root{--sp-0: 0px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-9: 36px;--sp-10: 40px;--body-bg: #eeeeee;--body-clr: #303030;--link-hover-clr: #78a177;--button-bg: #ffffff}html,body{height:100%}body{background:var(--body-bg);background-size:cover;font-family:"Nunito",sans-serif;font-size:.85rem;line-height:1.5;margin:var(--sp-0);padding:var(--sp-0);overflow:hidden;color:var(--body-clr)}*,*::after,*::before{box-sizing:border-box}a,a:link,a:visited,a:active{color:var(--body-clr);text-decoration:none;transition:color .2s linear}a:hover,a:link:hover,a:visited:hover,a:active:hover{color:var(--link-hover-clr)}main{height:100%}main ul{margin:var(--sp-0);padding:var(--sp-0);list-style:none;display:flex;align-items:stretch;height:100%}main ul li{flex:1 0 50%;height:100%;overflow:hidden;transition:all .3s ease}main ul li a{display:flex;align-items:center;justify-content:center;height:100%;transition:all .3s ease;position:relative}main ul li a img{max-width:220px;position:absolute;top:15%;transform:translateY(-50%);transition:all .3s ease;opacity:0}main ul li a svg{max-width:50%;position:relative;z-index:2;transition:all .3s ease}main ul li a svg path{fill:#fff !important}main ul li a .buttons{position:absolute;bottom:25%;display:flex;align-items:center;grid-gap:var(--sp-4);transition:all .3s ease}main ul li a .buttons .button{display:block;font-size:1rem;font-weight:700;background-color:var(--button-bg);padding:var(--sp-4) var(--sp-0);border-radius:var(--sp-10);max-width:140px;min-width:140px;text-align:center}main ul li#left{filter:grayscale(100%)}main ul li#left a{background:url("https://cdn.energia-dzialanie.org.pl/jezykigielka-pl/choice/left.webp") center no-repeat;background-size:101% 100%}main ul li#left:hover{filter:unset}main ul li#right{filter:grayscale(100%)}main ul li#right a{background:url("https://cdn.energia-dzialanie.org.pl/jezykigielka-pl/choice/right.webp") center no-repeat;background-size:101% 100%}main ul li#right:hover{filter:unset}main ul li:hover a svg{transform:scale(1.1)}main ul li:hover a img{top:25%;opacity:1}main ul li:hover a .buttons{bottom:30%;opacity:1}@media screen and (max-width: 700px){body{overflow:unset}main ul{flex-wrap:wrap}main ul li{flex:1 0 100% !important}}/*# sourceMappingURL=choice.min.css.map */