@font-face{font-family:Nunito;src:url(font/Nunito-VariableFont_wght.ttf)}html{height:100%}main{padding:0 15%;flex:1 0 auto}#banner #carousel-item,body{display:flex;justify-content:space-between}body{min-height:100%;font-family:Nunito;flex-direction:column;background-image:url(img/bg.webp);background-repeat:round;background-attachment:fixed;color:#fff}.box{display:flex}.box#navigation{padding-left:11.5%}#mobileBurger{display:none}#mobilenav{display:flex;align-items:center;width:60%;justify-content:space-around}#banner #carousel-item .left,.indexContainer,.navbar{display:flex;justify-content:center}.navbar{background-color:transparent!important;flex-direction:row;flex-wrap:nowrap;align-items:center}#links .navbar-nav .nav-item a>*{margin-left:10px;margin-right:10px;text-decoration:none;transform:scale(1.3)}#links .navbar-nav .nav-item a>:hover{color:#c5c5c5;text-decoration:none;cursor:pointer;transform:scale(1.8);transition:all .2s ease-in-out}#banner,#links .navbar-nav .nav-item a>*,.box a{color:#fff;transition:all .2s ease-in-out}.box a:hover{color:#c5c5c5;transform:scale(1.1)}#navigation .navbar-nav .nav-item .nav-link{margin-left:20px;margin-right:20px;display:inline-block;color:#fff}#navigation .navbar-nav .nav-item .nav-link:after{display:block;border-bottom:solid 3px #2088f8;content:"";transform:scaleX(0);transition:all .2s ease-in-out}#navigation .navbar-nav .nav-item .nav-link:hover:after{transform:scale(1.3);transform:scaleX(1)}#banner{height:30%;width:100%;transition:all .2s ease-out}#banner #carousel-item{height:600px;flex-direction:row}#banner #carousel-item .left{width:50%;height:100%;padding:5% 15.8% 5% .7%;align-items:center}#banner #carousel-item .right{width:50%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-end;padding-right:5%;padding-left:15.3%;height:100%}#banner #carousel-item .left img,.indexContainer#kafelki .right img{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}#banner #carousel-item .left img{object-fit:contain;width:80%;height:auto}#banner .title{font-size:xxx-large}#banner .describe{text-align:right}#banner a{color:#fff;text-decoration:none}.indexContainer{color:#fff;padding-bottom:3%}.indexContainer#kafelki .right{align-items:flex-start}#kafelki{background-color:#00061c}.indexContainer .left,.indexContainer .right .box,footer{display:flex;justify-content:center;align-items:flex-end}.indexContainer .left{padding-top:6%;padding-left:15.3%;padding-right:5%;flex-direction:column;width:50%}.indexContainer .right{width:50%;flex-direction:row;flex-wrap:wrap;padding-right:9.7%;padding-left:3.9%}.indexContainer .right .box{flex-direction:column;height:auto;width:40%;align-items:flex-start;margin-left:2%;margin-right:2%;padding-top:50px}.indexContainer#kafelki .right img{width:50px;height:50px;padding:5px;border:2px solid #de7607;filter:invert(100%)}.indexContainer .left .description{margin-top:50px;margin-bottom:100px;text-align:right}.indexContainer .left .title{font-size:xx-large;font-weight:600}.indexContainer .right .title{font-size:larger;font-weight:700;margin-top:20px;margin-bottom:40px}footer{height:50px;flex-shrink:0}.contener-code pre{margin-left:5%;margin-right:5%;min-height:651px!important}.contener-code pre #buttonCopy{float:right;font-family:Nunito}.contener-code #repositores,main#listarodztut h1{text-align:center}.contener-code #repositores #repos-list{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;padding-right:15%;padding-left:15%}.contener-code #repositores #repos-list .card{width:200px;height:200px;border:1px solid #3a3a3a;border-radius:5px;background-color:rgba(58,58,58,.5);margin:5px}.contener-code #repositores #repos-list .card a{text-decoration:none;color:#fff;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding-bottom:2%;transition:all .2s ease-in-out}.contener-code #repositores #repos-list .card a:hover{scale:1.3}#tutor,.indexContainer .right,.title-picture{display:flex;align-items:center}.title-picture{width:100%;height:400px;position:relative;justify-content:center;background-image:url(img/jediTieProt1.png);background-repeat:no-repeat;background-position:center}.picture-galery.visible{display:grid;justify-content:center;opacity:1;align-items:center;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));height:500px;justify-items:center}.title-picture a,.title-picture h2{white-space:nowrap;position:absolute;top:50%;left:10%}.title-picture a{transition:all .2s ease-in-out}.title-picture a:hover{transform:scale(1.2)}.title-picture h2{text-align:center;margin:0;transform:translateY(-50%)}.picture-galery img{max-width:100%;height:300px;margin-top:20px}.galery-box{width:100%}.picture-galery{opacity:0;width:100%;height:0;display:none;transition:all .2s ease-in-out}main#code,main#grafika,main#index{padding:0}#tutor{margin:0 15%;flex-direction:column}#tutor #codetype,.contener-code pre{margin-top:3%;background-color:#2b2b2b;border:1px solid #3a3a3a;color:#d4d4d4;font-size:14px;line-height:1.5;letter-spacing:.05em;padding:10px;overflow:auto;white-space:pre-wrap;word-wrap:break-word;border-radius:5px;font-family:"Courier New",Courier,monospace}#tutor pre{margin:0}#tutor section{margin-bottom:30px;position:relative}#tutor section .close{position:absolute;top:0;left:0;cursor:pointer}#tutor #codetype,#tutor section#addsection>*,#tutor section#texttype{margin-left:5%;margin-right:5%}#tutor #content{width:100%}#tdp form,#tutor section#addsection{display:flex}#tutortechlist .tuttype h1{margin:20px 0;padding-left:10%;transition:all .35s ease}#tutortechlist .tuttype h1:hover{transform:translateX(30px)}#grayscreen div,#tdp,#tdp form #attach{display:flex;flex-direction:column;align-items:center}#tdp h1{margin:20px}#tdp #drukarka{transform:scale(.7);max-height:600px}#tdp form{max-width:500px;margin:auto;padding:20px;border:1px solid #343434;border-radius:5px;background-color:#2e2e2e9e}#tdp label{font-weight:700;margin-bottom:5px}#tdp input,textarea{padding:10px;margin:5px;border:1px solid #ccc;border-radius:3px;font-size:16px}#tdp form #mess{display:flex;align-items:center;margin-bottom:10px}#grayscreen,main#listarodztut ol{display:flex;justify-content:center}#grayscreen,#tdp form{flex-direction:column;align-items:center}#grayscreen{position:fixed;z-index:3;width:100%;height:100%;top:0;overflow:hidden;left:0;background-color:rgba(128,128,128,.5)}#grayscreen button{width:60%;margin-top:10px}main#listarodztut *,main#listarodztut ::after,main#listarodztut ::before{margin:0;padding:0;box-sizing:border-box}main#listarodztut ol{width:min(60rem,90%);margin-inline:auto;flex-wrap:wrap;gap:2rem;list-style:none;counter-reset:cardnr}main#listarodztut li{--frontColor:white;--width:10em;--inlineP:0.5rem;--borderR:4rem;--arrowW:2rem;--arrowH:1.5rem;counter-increment:cardnr;width:calc(var(--width) - var(--inlineP)*2);display:grid;grid-template:"icon"var(--borderR)"title""descr"1fr;margin-inline:var(--inlineP);margin-bottom:calc(var(--borderR));position:relative}main#listarodztut li .descr,main#listarodztut li .icon,main#listarodztut li .title{background:var(--frontColor);padding-inline:1rem}main#listarodztut li .descr{padding-bottom:1rem}main#listarodztut li .icon,main#listarodztut li .title{color:var(--accent-color);text-align:center;padding-bottom:.5rem}main#listarodztut li .descr,main#listarodztut li .title{filter:drop-shadow(.125rem .125rem .075rem rgba(0,0,0,.25))}main#listarodztut li .icon{grid-area:icon;font-size:2rem;display:grid;place-items:center;border-radius:var(--borderR)0 0 0;position:relative}main#listarodztut li .title{grid-area:title;font-size:1.1rem;font-weight:700}main#listarodztut li .descr{color:#000;grid-area:descr;font-size:.85rem;text-align:center;display:flex;flex-direction:column;align-items:center}main#listarodztut li .descr::before{content:"";width:var(--arrowW);height:var(--arrowH);position:absolute;right:1.5rem;top:100%;background:inherit;clip-path:polygon(0 0,100%0,50% 100%)}main#listarodztut li::after,main#listarodztut li::before{position:absolute;left:calc(var(--inlineP)*-1);right:calc(var(--inlineP)*-1)}main#listarodztut li::after{content:counter(cardnr,decimal-leading-zero);z-index:-1;top:var(--borderR);bottom:calc(var(--borderR)*-1);display:flex;align-items:flex-end;background:var(--accent-color);background-image:linear-gradient(160deg,rgba(255,255,255,.25),transparent 25% 75%,rgba(0,0,0,.25));border-radius:0 0 var(--borderR)0;--pad:1rem;padding:var(--pad);font-size:calc(var(--borderR) - var(--pad)*2);color:#fff}main#listarodztut li::before{content:"";height:var(--borderR);top:calc(100% + var(--borderR) - 2px);border-radius:0 var(--borderR)0 0;background-image:linear-gradient(var(--accent-color),transparent 60%);opacity:.5;filter:blur(2px)}main#listarodztut .credits{margin-top:2rem;text-align:right}main#listarodztut .credits a{color:var(--color)}main#listarodztut #tutallform{margin-top:30px}main#listarodztut input{padding:10px 20px}main#listarodztut span{padding:0 10px}#pictureFull img,.indexContainer#nasa .right img,.picture-galery img{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.indexContainer#nasa .right img{width:80%;border:solid 3px #2088f8}.indexContainer#nasa .left .title{font-size:x-large;font-weight:400;margin-top:4rem}#banner #carousel-item .right a:hover:before,#tdp button[type=submit]:hover:before,#tutor button:hover:before,.indexContainer .left a:hover:before,main#listarodztut a:hover:before{right:0;top:28px;transform:rotate(90deg)}#banner #carousel-item .right a:hover:after,#tdp button[type=submit]:hover:after,#tutor button:hover:after,.indexContainer .left a:hover:after,main#listarodztut a:hover:after{left:0;bottom:28px;transform:rotate(90deg)}#tdp button[type=submit],#tutor button,main#listarodztut a{position:relative;text-decoration:none;transition:all .35s ease}main#listarodztut a{width:80%;padding:1em .8em;color:#000}#banner #carousel-item .right a:after,#banner #carousel-item .right a:before,#tdp button[type=submit]:after,#tdp button[type=submit]:before,#tutor button:after,#tutor button:before,.indexContainer .left a:after,.indexContainer .left a:before,main#listarodztut a:after,main#listarodztut a:before{height:14px;width:14px;position:absolute;content:"";transition:all .35s ease}main#listarodztut a:before{right:0;top:0;border-right:3px solid var(--accent-color);border-top:3px solid var(--accent-color)}main#listarodztut a:after{left:0;bottom:0;border-left:3px solid var(--accent-color);border-bottom:3px solid var(--accent-color)}#banner #carousel-item .right a:after,#banner #carousel-item .right a:before,#tdp button[type=submit]:after,#tdp button[type=submit]:before,#tutor button:after,#tutor button:before,.indexContainer .left a:after,main#listarodztut a:after .indexContainer .left a:before,main#listarodztut a:before{transform:translate(0,0);opacity:1}#tdp button[type=submit],#tutor button{border:0;background-color:#00061c00;padding:.5em .8em;color:#fff}#banner #carousel-item .right a:before,#tdp button[type=submit]:before,#tutor button:before,.indexContainer .left a:before{right:0;top:0;border-right:3px solid #2088f8;border-top:3px solid #2088f8}#banner #carousel-item .right a:after,#tdp button[type=submit]:after,#tutor button:after,.indexContainer .left a:after{left:0;bottom:0;border-left:3px solid #2088f8;border-bottom:3px solid #2088f8}#tutortechlist{padding-top:40px;margin:0 15%}#tutortechlist .tuttype{border-bottom:2px solid #fff}.indexContainer .left a{color:#fff}#tutortechlist .tuttype a,.title-picture a{text-decoration:none;color:#fff}#banner #carousel-item .right a,.indexContainer .left a{padding:.5em .8em;position:relative;text-decoration:none;transition:all .35s ease}#pictureFull{position:absolute;width:100%;z-index:1;height:100%;top:0;left:0;display:none;justify-content:center;align-items:center;background-color:rgba(0,0,0,.473)}#closePictureFull{position:absolute;top:30px;right:30px;transition:all .3s ease;color:#fff}#pictureFull img{max-height:100%}#closePictureFull:hover,.canSee:hover{transform:scale(1.2)}.canSee{overflow:hidden;transition:all .3s ease}@media (min-width:993px){#mobilenav{display:flex}main{padding-top:0}}@media (max-width:992px){.picture-galery.visible{overflow:scroll;display:grid;justify-content:center;opacity:1;align-items:center;grid-template-columns:auto;height:500px;justify-items:center}.picture-galery img{max-width:100%;height:300px;margin-top:20px}#mobileBurger{display:block}#mobilenav{display:none;position:fixed;top:64px;flex-direction:row;z-index:100;width:100%;padding:0 10%}#mobilenav,.navbar{justify-content:space-around}.navbar-nav{height:auto!important}#links li{margin:3px}.indexContainer{flex-direction:column}.indexContainer>*{width:100%!important}.indexContainer .left{align-items:center;padding:6%}.indexContainer .right{padding-right:0;justify-content:space-evenly}.indexContainer .right .box{align-items:center}#banner #carousel-item{flex-direction:column;margin-bottom:9%}#banner #carousel-item .left{width:auto;padding:0 5%}#banner #carousel-item .right{width:auto;padding:0 5%;align-items:center}#banner .describe{text-align:center}.indexContainer{padding-bottom:6%}.picture-galery.visible{overflow:overlay}}
#tutor #codetype{position: relative;}.copyButton{position: absolute!important;right: 10px;top: 10px;}