:root{--red-1: #dc0a2d;--black-1: #242424;--blue-1: #28aafd;--green-1: #51ad60;--white-1: #e3e3e3;--white-2: #dfe8e3;--white-3: #9bd9fe;--shadow-dark: rgba(0,0,0,.3);--shadow-light: rgba(255,255,255,.1);--blue-two: #27a9fb;--blue-three: #196a9f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",consolas,sans-serif;font-size:16px;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.container{width:80vw;max-width:1200px;min-width:320px;background-color:var(--red-1);border-radius:10px;box-shadow:10px 10px 10px var(--shadow-dark);padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;color:#fff;outline-style:solid;outline-color:#000}.left-data,.right-data{flex:1 1 50%;max-width:50%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:transparent}.top-lights{position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.big-blue-1{height:55px;width:55px;z-index:1;border-radius:50%;display:inline-block;margin-left:-58px;margin-top:3px;outline-style:solid;outline-color:#000;outline-width:2px;background-color:var(--white-2)}.big-blue-back{height:62px;width:62px;z-index:1;background-color:var(--white-2);border-radius:50%;display:inline-block;margin-bottom:20px;left:30px;outline-style:solid;outline-color:#000;outline-width:2px}.big-blue-dark{height:45px;width:45px;z-index:1;border-radius:50%;display:inline-block;margin-left:-48px;margin-top:6px;background-color:var(--blue-three)}.big-blue-2{height:30px;width:30px;z-index:1;border-radius:50%;display:inline-block;margin-left:-44px;margin-top:5px;background-color:var(--blue-two)}.big-blue-white{height:8px;width:8px;z-index:1;border-radius:50%;display:inline-block;margin-left:-23px;margin-top:10px;background-color:var(--white-3)}.poke-pic{width:90%;padding-top:90%;margin-top:5%;position:relative;background-color:var(--white-1);border-radius:10px;outline-style:solid;outline-color:#000;overflow:hidden}.poke-pic img{position:absolute;top:10%;left:10%;width:80%;height:80%;object-fit:cover;border-radius:10px;background-color:var(--black-1);outline-style:solid;outline-color:#000}.pokemon-id{width:90%;min-height:7vh;height:auto;overflow:auto;text-align:center;align-items:center;margin-top:20px;background-color:var(--green-1);border-radius:5px;outline-style:solid;outline-color:#000;padding:3%}.entry{width:100%;max-width:500px;min-height:300px;overflow:auto;padding:10px;background-color:#242424;color:var(--white-1);border:2px solid var(--blue-three);border-radius:10px;box-sizing:border-box;outline-style:solid;outline-color:#000;margin-bottom:5%;margin-top:5%}.search-container input[type=text]{font-family:"Press Start 2P",consolas,sans-serif;font-size:calc(4px + 1vw);overflow:auto;width:100%;padding:8px;border:2px solid var(--blue-1);border-radius:5px;color:#707013}.type-container{display:flex;justify-content:space-around;width:100%}.primary-type,.secondary-type{width:50%;margin:2%;overflow:auto;flex:1;padding:20px;background-color:var(--black-1);color:var(--white-1);text-align:center;border-radius:10px;outline-style:solid;outline-color:#000}.upper-number-buttons-container,.lower-number-buttons-container{display:flex;margin-right:10px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.upper-number-button,.lower-number-button{font-family:"Press Start 2P",consolas,sans-serif;flex:1 0 18%;padding:12px 2%;margin:1px;min-width:40px;background-color:var(--blue-1);color:var(--white-1);outline-style:solid;outline-color:#000;outline-width:1px;border:none;cursor:pointer;transition:background-color .3s;border-radius:2px;font-size:calc(4px + 1vw)}.action-buttons-container{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.go,.random{font-family:"Press Start 2P",consolas,sans-serif;padding:12px 24px;background-color:var(--white-1);overflow:auto;max-width:100%;color:#000;border-radius:5px;border:none;outline-style:solid;cursor:pointer;margin-top:5%;margin-bottom:5%;transition:background-color .3s}.up,.down{font-family:"Press Start 2P",consolas,sans-serif;padding:12px 24px;background-color:var(--black-1);overflow:auto;max-width:100%;color:var(--white-3);border-radius:5px;border:none;cursor:pointer;margin-top:5%;margin-bottom:5%;transition:background-color .3s}.increment-buttons-container{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.go:hover,.random:hover,.up:hover,.down:hover{background-color:var(--blue-three)}@media (max-width: 768px){.container{flex-direction:column;padding:10px;align-items:center}.left-data,.right-data{width:100%;max-width:none;padding:10px}.poke-pic{padding-top:100%}.pokemon-id{width:90%;padding:10px;font-size:1.2rem}.entry,.type-container,.action-buttons-container{width:90%}.search-container input[type=text]{width:100%}.primary-type,.secondary-type{width:100%;padding:15px;margin:5px 0}.upper-number-button,.lower-number-button,.go,.random,.up,.down{padding:15px;font-size:1rem}.action-buttons-container{flex-direction:column;align-items:center}.increment-buttons-container{flex-direction:column}}