body{max-width:500px;margin:0 auto}#root{background-color:#ba0028;min-height:105vh;--border-color:#391224;--select-color:rgba(0,21,105,0.9);--screen-color:#3abce7;--shadow-color:#294e61}.topPokedex{padding:15px 20px 0}.topPokedex .upScreen{height:150px;background-color:red;border-radius:2px;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;-webkit-clip-path:polygon(0 100%,40% 100%,64% 40%,100% 40%,100% 0,0 0);clip-path:polygon(0 100%,40% 100%,64% 40%,100% 40%,100% 0,0 0)}.topPokedex .upScreen .upScreenButton{height:145px;width:145px;position:relative}.topPokedex .upScreen .upScreenButton .upScreenButtonFive,.topPokedex .upScreen .upScreenButton .upScreenButtonFour,.topPokedex .upScreen .upScreenButton .upScreenButtonOne,.topPokedex .upScreen .upScreenButton .upScreenButtonThree,.topPokedex .upScreen .upScreenButton .upScreenButtonTwo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50px}.topPokedex .upScreen .upScreenButton .upScreenButtonOne{height:80px;width:80px;background-color:#fff}.topPokedex .upScreen .upScreenButton .upScreenButtonTwo{height:80px;width:80px;background-color:#3298a5;-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0)}.topPokedex .upScreen .upScreenButton .upScreenButtonThree{height:72px;width:72px;background-color:#fff}.topPokedex .upScreen .upScreenButton .upScreenButtonFour{height:50px;width:50px;background-color:var(--border-color)}.topPokedex .upScreen .upScreenButton .upScreenButtonFive{height:44px;width:44px;background-color:#3298a5}.topPokedex .upScreen .upScreenButton .upScreenButtonFive .upScreenButtonShadow{height:8px;width:8px;background-color:#fff;position:absolute;border-radius:5px;top:8px;left:8px;-webkit-clip-path:ellipse(38% 50% at 50% 50%);clip-path:ellipse(38% 50% at 50% 50%);rotate:40deg}.topPokedex .upScreen .upScreenPolygon{position:absolute;bottom:0;height:150px;width:100%;background-color:var(--border-color);-webkit-clip-path:polygon(0 92%,39% 92%,63% 32%,100% 32%,100% 40%,64% 40%,40% 100%,0 100%);clip-path:polygon(0 92%,39% 92%,63% 32%,100% 32%,100% 40%,64% 40%,40% 100%,0 100%)}.topPokedex .upScreen .topButtons{display:flex;justify-content:end;grid-gap:3px;gap:3px;padding:20px 20px 10px 5px;position:absolute;top:-8px;right:0}.topPokedex .upScreen .topButtons .topButton{height:20px;width:20px;border-radius:20px;border:2.5px solid var(--border-color);position:relative}.topPokedex .upScreen .topButtons .topButton .topButtonShadow{height:5px;width:5px;background-color:#fff;position:absolute;border-radius:5px;top:3px;left:3px;-webkit-clip-path:ellipse(38% 50% at 50% 50%);clip-path:ellipse(38% 50% at 50% 50%);rotate:40deg}.topPokedex .upScreen .topButtons .topButtonOne{background-color:red}.topPokedex .upScreen .topButtons .topButtonTwo{background-color:#ff0}.topPokedex .upScreen .topButtons .topButtonThree{background-color:green}.topPokedex .screen{margin:20px 0;border-right:5px solid rgba(57,18,36,.85);border-bottom:5px solid rgba(57,18,36,.85);border-radius:23px;width:60%;min-width:280px}.topPokedex .screen .screenElements{display:flex;align-items:center;flex-direction:column;background-color:#fff;position:relative;border-radius:20px;padding:5px}.topPokedex .screen .screenElements .screenUpButtons{margin:0 0 5px;display:flex;justify-content:center;grid-gap:1px;gap:1px}.topPokedex .screen .screenElements .screenUpButtons .screenUpButtonOne,.topPokedex .screen .screenElements .screenUpButtons .screenUpButtonTwo{height:10px;width:10px;border-radius:20px;border:2px solid var(--border-color);background-color:red;position:relative}.topPokedex .screen .screenElements .screenUpButtons .screenUpButtonOne .screenUpButtonShadow,.topPokedex .screen .screenElements .screenUpButtons .screenUpButtonTwo .screenUpButtonShadow{height:3.5px;width:3.5px;background-color:#fff;position:absolute;border-radius:5px;top:1px;left:1px;-webkit-clip-path:ellipse(38% 50% at 50% 50%);clip-path:ellipse(38% 50% at 50% 50%);rotate:40deg}.topPokedex .screen .screenElements .screenBackground{width:100%;height:230px;background-color:var(--screen-color);border-radius:3px}.topPokedex .screen .screenElements .screenBackground .screenLoaded{width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;align-items:center}.topPokedex .screen .screenElements .screenBackground .screenLoaded img{width:auto;height:70%}.topPokedex .screen .screenElements .screenBackground .screenLoaded .infos{width:80%;margin-bottom:5px;text-align:center}.topPokedex .screen .screenElements .screenBackground .screenLoaded .infos .pokeName{text-transform:capitalize}.topPokedex .screen .screenElements .screenBackground .screenLoaded .infos .pokeType{display:flex;justify-content:center;grid-gap:5px;gap:5px}.topPokedex .screen .screenElements .screenBackground .screenLoaded .infos .pokeType span{text-transform:capitalize}.topPokedex .screen .screenElements .screenDown{display:flex;flex-direction:column;width:30%;margin:5px 5px 2px auto;grid-gap:3px;gap:3px}.topPokedex .screen .screenElements .screenDown .screenDownButtons{height:6px;width:100%;background-color:var(--select-color);border-radius:5px}.lines{display:flex;flex-direction:column;grid-gap:5px;gap:5px;margin-bottom:10px}.lines .contrastLineOne{height:4px;background-color:var(--border-color);opacity:.2}.lines .contrastLineTwo{height:4px;background-color:var(--border-color);opacity:.35}.lines .yellowLine{height:5px;background-color:#ff0;opacity:.55}.lines .borderLine{height:10px;background-color:var(--border-color);opacity:.85}.bottomPokedex{padding:0 20px;display:flex;flex-direction:column;grid-gap:30px;gap:30px}.bottomPokedex .bottomScreen{position:relative}.bottomPokedex .bottomScreen .input_zone{width:100%;border-style:none;height:70px;text-align:center;font-size:22px;border-radius:20px;background-color:#0c1a57;color:#fff;border-top:5px solid #03054f;border-right:5px solid #03054f;position:relative;text-transform:uppercase}.bottomPokedex .bottomScreen .input_zone:focus{outline:none}.bottomPokedex .bottomScreen .shadow{position:absolute;top:5px;opacity:.5;background-color:var(--shadow-color);height:calc(100% - 5px)}.bottomPokedex .bottomScreen .one{-webkit-clip-path:polygon(35% 0,100% 0,65% 100%,0 100%);clip-path:polygon(35% 0,100% 0,65% 100%,0 100%);width:30%;left:55px}.bottomPokedex .bottomScreen .two{-webkit-clip-path:polygon(79% 0,100% 0,24% 100%,0 100%);clip-path:polygon(79% 0,100% 0,24% 100%,0 100%);width:15%;left:205px}.bottomPokedex .bottomScreen .three{-webkit-clip-path:polygon(55% 0,100% 0,45% 100%,0 100%);clip-path:polygon(55% 0,100% 0,45% 100%,0 100%);width:20%;left:305px}.bottomPokedex .bottomKeyboard{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2px;gap:2px;height:150px;width:100%;background-color:grey;border:2px solid grey;border-radius:2px}.bottomPokedex .bottomKeyboard .keyboardButton{cursor:pointer;font-size:24px;background-color:#02a9fa;color:#fff;border-radius:2px;border-color:#26c5ff #0094dd #0194da;border-style:solid;border-width:5px}.bottomPokedex .bottomButtons{display:flex;justify-content:space-between}.bottomPokedex .bottomButtons .bottomButtonsLeft{display:flex;grid-gap:10px;gap:10px}.bottomPokedex .bottomButtons .bottomButtonsLeft button{border-style:none;background-color:#fff;height:auto;padding:10px 30px 12px;font-size:14px;font-weight:700;color:#21032b;text-transform:uppercase;border-bottom:4px solid #30053d;border-right:4px solid #30053d;border-radius:9px;cursor:pointer}.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton{height:100%;width:100%;scale:.7;transform:translateX(-50px);position:relative}.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonFive,.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonFour,.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonOne,.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonThree,.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonTwo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50px}.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonOne{height:80px;width:80px;background-color:#fff}.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonTwo{height:80px;width:80px;background-color:#a8a61d;-webkit-clip-path:inset(50% 0 0 0);clip-path:inset(50% 0 0 0)}.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonThree{height:72px;width:72px;background-color:#fff}.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonFour{height:50px;width:50px;background-color:var(--border-color)}.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonFive{height:44px;width:44px;background-color:#ffea5c}.bottomPokedex .bottomButtons .bottomButtonRight .upScreenButton .upScreenButtonFive .upScreenButtonShadow{height:8px;width:8px;background-color:#fff;position:absolute;border-radius:5px;top:8px;left:8px;-webkit-clip-path:ellipse(38% 50% at 50% 50%);clip-path:ellipse(38% 50% at 50% 50%);rotate:40deg;border:1px solid #000}.bottomPokedex .bottomNav{display:flex;justify-content:space-around;grid-gap:20px;gap:20px}.bottomPokedex .bottomNav button{width:100%;height:40px;border-style:none;border-radius:5px;background-color:#0f1a52;color:#fff;font-size:16px;text-transform:uppercase;opacity:.95;cursor:pointer;border-bottom:3px solid #03054f;border-right:3px solid #03054f}
/*# sourceMappingURL=main.80d210f1.chunk.css.map */