html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-thumb{background:#666;border-radius:20px}html::-webkit-scrollbar-track{background:#ddd;border-radius:20px}body{margin:0;padding:0;background:#1f1f1f}*{-webkit-box-sizing:border-box;box-sizing:border-box}#kontener{width:83%;margin:130px auto 0 auto;color:#fff}#kontener span{display:block}#kontener .trigger{margin-top:32px;background:#2bafff;border:none;border-radius:12px;font-size:1em;height:2em;width:10em;color:#fff}#kontener .trigger:hover{cursor:pointer}#kontener img{width:230px;height:auto;position:relative;right:-90px;top:-110px}#title{font-size:1.7em}#title2{font-size:1.4em}@media only screen and (min-width: 344px){#kontener img{top:-75px}}@media only screen and (min-width: 610px){#kontener{display:-ms-grid;display:grid;-ms-grid-columns:40% 60%;grid-template-columns:40% 60%;-ms-grid-rows:40% 20% 40%;grid-template-rows:40% 20% 40%;grid-row-gap:12px}#kontener img{position:static;display:block;-ms-grid-column:2;grid-column-start:2;grid-row:span 3;width:300px}#kontener span{text-align:center}#kontener #button{position:static;-ms-grid-row:3;grid-row-start:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#kontener #button .trigger{margin-top:30px}#kontener #title{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#kontener #title2{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:2;grid-row-start:2}}@media only screen and (min-width: 710px){body{font-size:18px}#kontener{max-width:1000px}#kontener img{width:450px}}.modal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);opacity:0;visibility:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:visibility 0s linear 0.25s, opacity 0.25s 0s, -webkit-transform 0.25s;transition:visibility 0s linear 0.25s, opacity 0.25s 0s, -webkit-transform 0.25s;transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s, -webkit-transform 0.25s}.show-modal{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;transition:visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s, -webkit-transform 0.25s}.kontent{background:#1f1f1f;width:83%;height:260px;margin:130px auto 0 auto;padding:22px;border-radius:15px}.kontent .btn1{margin-top:22px}.kontent .btn1,.kontent .btn2{margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.kontent #btn{width:250px;margin-top:14px;height:36px;background:#2bafff;border:none;border-radius:12px;font-size:1em;color:#fff}.kontent #btn:hover{cursor:pointer}.kontent .imgkot{margin-top:70px}.kontent .imgkot img{width:180px;height:auto}.kontent #chose{font-size:1.2em}button{outline:none}#btn{width:350px}@media only screen and (min-width: 610px){.kontent{display:-ms-grid;display:grid;max-width:720px;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%;-ms-grid-rows:30% 30% 40%;grid-template-rows:30% 30% 40%}.kontent #chose{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:50px}.kontent .btn1{-ms-grid-row:2;grid-row-start:2;-ms-grid-column:1;grid-column-start:1;grid-column-end:1}.kontent .btn2{-ms-grid-row:3;grid-row-start:3;-ms-grid-column:1;grid-column-start:1;grid-column-end:1}.kontent #btn{width:350px}.kontent .imgkot{grid-row:span 3}}@media only screen and (min-width: 710px){.kontent{height:320px}.kontent #btn{height:40px}.kontent #imgkot img{position:relative;top:-150px;right:30px}}textarea{resize:none}
