body{background:black;padding:0;margin:0 auto;overflow-x:hidden}/*! Футбол */#game_football{display:flex;flex-direction:column;align-items:center;padding:0}.ball{position:absolute;left:0px;top:0px;width:60px;border-radius:50%;transition:1s;filter:drop-shadow(15px 15px 6px black)}.field{width:600px;height:400px;margin:45px;position:relative}h1{display:flex;justify-content:center;margin-left:50px;margin-top:80px;color:red!important;filter:drop-shadow(15px 15px 1px rgb(125,121,121));color:#fff;min-width:500px}/*! Идущий человек */.container_forest{left:19%;box-shadow:0 0 20px #0ff;height:500px;background-image:url(/vite-project/forest_background.jpg);background-size:auto;margin:3%;position:relative;z-index:3;width:55%}#sportsman_box{margin-top:190px;margin-left:0;position:absolute;z-index:4}#sportsman{z-index:4;background-image:url(/vite-project/Sportsman2.png);height:110px;width:100px;filter:drop-shadow(0px 0px 10px aqua);width:100%;animation:anim6 .5s infinite steps(6),anim7 6s linear infinite;left:0%;position:absolute;opacity:0}@keyframes anim6{0%{background-position:1160px 0}to{background-position:20px 0}}@keyframes anim7{to{left:1760%}}/*! Работа с случайными числами */#randomColor,#randomColor2,#randomColor3{display:flex;margin:50px}#randomColor{margin-top:0}#randomColor>div,#randomColor2>div,#randomColor3>div{border:1px solid #747373;border-right:none;width:60px;text-align:center;color:#f0f8ff;padding:0;min-width:45px}#startChangeColor,#startChangeColor2,#showList,#startChangeColor3{width:100px;margin-left:50px;background-color:#4198e4;color:#f0f8ff}.yellow{background-color:#ff0;color:#fff}#showList{width:200px;margin-top:25px}#scoreNum{background-color:#d3d3d3;margin:25px;width:300px;min-height:55px}#giftPicture,#monkey{animation:fallingButton cubic-bezier(1,2.92,0,.41) 3s forwards 0s}#monkey{z-index:3}/*! Динамичный график */#graphicContainer{width:350px;margin-left:50px}#graphicContainer>div{margin-top:10px;background:black;border:2px solid aliceblue;height:28px;padding:0}.moveLines{margin:-2px;padding:5px;color:#f0f8ff;border:2px solid #d13131;background-color:gray;transition-timing-function:linear!important;height:19px}.moveLines2{color:#000}#buttonLines{width:100px;margin-left:50px;color:red}#changeDigitals{background-color:#f0f8ff;width:180px;padding:5px;border-radius:5px;margin:25px;text-align:center;cursor:pointer;transition:.3s}#changeDigitals:hover{background-color:gray;transition:.3s}/*! смена языка */#changeLanguage,#language{color:#fff;background-color:#c9b3b3;width:120px;padding:5px;text-align:center;border-radius:5px;margin:10px;border:1px solid aliceblue;cursor:pointer}#changeLanguage{background:linear-gradient(45deg,red,blue)}.red{background-color:red!important}.blue{background-color:#00f!important}/*! Маркер */#markerContainer{margin-left:50px;display:flex;max-height:372px}#rightSide{color:#f0f8ff;display:flex;flex-direction:column;align-items:center;margin-left:20px;border:1px solid white;text-align:center;font-size:.9em;border-radius:5px}#rightSide>div{padding:0}#markerContent{display:flex;flex-direction:column;width:310px;gap:15px;background-color:#94dada;padding:20px;border:1px solid rgb(133,133,229);border-radius:5px}#markerContent>div{padding:0}#red{background-color:red}#blue{background-color:#00f}#green{background-color:green}#red:active,#blue:active,#green:active,#printLetters:active,#deleteLetters:active,#deleteLetters2:active{border-color:#f0f8ff}#markerContent>div>button,#deleteLetters,#deleteLetters2,#printLetters{color:#f0f8ff;width:100px;padding:3px;border-radius:5px;border-color:#fff;cursor:pointer;border:1px solid #000}#markerContent>h3{text-align:center;text-shadow:1px -1px white;color:red}#writeText{height:50px;font-family:monospace;letter-spacing:0px}#printLetters,#deleteLetters,#deleteLetters2{width:120px!important;background-color:#000}#printText{background-color:#f0f8ff;border:1px solid #000;border-radius:3px;height:20px;font-family:monospace;word-break:break-all;margin-top:15px}#pencil{padding-left:10px;margin-top:135px}.pencilRed{filter:drop-shadow(1000px 1px red);transition:.1s}.pencilGreen{filter:drop-shadow(1000px 1px green);transition:.1s}.pencilBlue{filter:drop-shadow(1000px 1px blue);transition:.1s}#line1,#line2{position:relative;height:30px;width:240px;border:1px solid red;background:linear-gradient(145deg,rgb(108,108,109,.1),rgb(232,228,228,.5))}#line1>div,#line2>div{background-color:#50ee50;background:linear-gradient(145deg,blue,red);height:28px;position:absolute;padding:0}.text{padding:0!important;background:linear-gradient(180deg,rgb(25,25,167),rgb(72,251,132),rgb(93,93,244));font-size:90px;text-align:center;width:500px;padding-top:25px;padding-bottom:-20px;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:5px transparent;font-family:monospace;animation:text-anim 2.5s ease-in-out forwards}@keyframes text-anim{0%{width:0}to{border-right:4px solid transparent}}#showText{width:91ch;height:20px;-webkit-background-clip:text;font-size:1.3em;font-family:monospace;background-color:red;color:transparent;white-space:nowrap;animation:animShowText 10s steps(91);animation-delay:1s;padding:0 0 -10px;margin-top:20px;margin-bottom:25px}@keyframes animShowText{0%{width:0}}#switcher{border:1px solid aliceblue;box-shadow:-5px 0 5px red,0 -5px 5px #ff0,0 5px 5px green,5px 0 5px #00f}.red{background-color:red;color:#f0f8ff;border-radius:5px;transition:.5s;padding:5px}.blue{background-color:#00f;color:#f0f8ff;border-radius:5px;transition:.5s;padding:5px}.colored{background-color:orange;color:#f0f8ff;padding:5px;border-radius:5px;transition:.5s}.box{height:150px;width:150px;background:linear-gradient(145deg,red,blue);margin:10px;border:5px solid orange}.box2{border:5px solid greenyellow}.circle{height:120px;width:120px;background-color:red;border-radius:50%;color:#fff;text-align:center;align-items:center;justify-content:center;display:flex;border:2px solid #000}.circle2{background-color:#00f}.content{background:linear-gradient(145deg,rgb(233,231,231),white,rgb(175,172,172));background:black}.btn_task{background:linear-gradient(145deg,red,blue);width:100px;color:#fff;border:1px solid black;transition:.5s}.btn_task:hover{box-shadow:-2px -2px 5px #f56161,2px 2px 5px #4747f0;border:1px solid white;transition:.5s}.btn_answer{color:#fff;background-color:gray;border:1px solid black;border-radius:4px;transition:.5s}.btn_answer:hover{background-color:#044a4a;border:1px solid white;box-shadow:0 0 20px #097f7f;transition:.5s}#eye{animation:anim3 2s ease-in-out infinite}@keyframes anim3{0%{margin-top:0;opacity:0}50%{margin-top:10px;opacity:1}to{margin-top:60px;opacity:0}}@keyframes anim4{0%{rotate:0deg}50%{rotate:40deg}to{rotate:0deg}}#button_remove{background:linear-gradient(145deg,red,gray);border-radius:5px;color:#fff;padding:10px;transition:.5s}#button_remove:hover{box-shadow:-2px -2px 10px red,2px 2px 10px #f0f8ff;border:2px solid white;transition:.5s}.time{background-color:red;color:#fff;padding:10px;margin:10px}div{padding:20px}.btn{background-color:#000;color:#fff;border-radius:5px;margin-top:20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;width:100px}.btn:hover{transition:.5s;background-color:red;box-shadow:0 0 2px 2px #f02a8a;border:2px solid red}.color:hover{transition:.5s;box-shadow:0 0 2px 2px #0ff}.car,.newButton{background-color:red;color:#fff;padding:2px;width:100px;text-align:center;border-radius:5px}.col{background-color:#073b3b;color:#fff;padding:3px;border-radius:5px}.col:hover{background-color:coral}.container{margin-top:0;background-color:transparent;width:500px;padding:0!important;min-height:680px}.animal{border:2px solid aliceblue;padding:0!important;border-radius:5px;background:linear-gradient(45deg,aqua,rgb(66,238,66),aqua);margin-top:30px;box-shadow:10px 10px 10px gray;transition:1s;position:static}.animal:hover{box-shadow:20px 20px 10px gray;margin-top:15px;scale:1.02;transition:1s}.flex{display:flex;justify-content:space-between;padding-top:0;padding-bottom:0}.cross{padding-top:10px;color:red;font-size:18px;width:17px;height:17px;cursor:pointer;margin:5px}.cross:hover{color:#00f;rotate:45deg;transition:.5s}.city{background-color:coral;color:#f0f8ff}.coordinates,.pageCoordinates{background-color:#f0f8ff;width:130px;margin-right:10px;display:inline-block}@media screen and (max-width: 1200px){.container_forest{left:0%;min-width:100%;padding-right:0;margin:0%}}@media screen and (max-width: 1000px){.text{font-size:85px}#showText{font-size:.9em}#container_animation{display:flex;flex-direction:column;width:100%;height:100%}}@media screen and (max-width:768px){#showText{font-size:.7em}#markerContainer{flex-direction:column}#markerContent>div{display:flex;flex-direction:column;gap:10px}#markerContent>div>button{width:130px}#pencil{margin-top:200px}#rightSide{width:310px;margin-top:15px;margin-left:0}#changePosition{margin-bottom:450px}#markerContainer{margin-top:0;margin-left:0}#bts{display:flex;flex-direction:row!important}#writeText{font-size:.97em}#markerTitle{margin-top:105px}}@media screen and (max-width: 460px){#showText{font-size:.6em}#game_football{margin-left:250px}#titles{margin-left:65px;align-content:flex-end}.container_forest{padding-right:450px;margin:0%}#monkey{left:63.2%!important;top:359%!important}#giftPicture{left:63.2%!important;top:357%!important}}