#info, #info2 {
    margin-right: 0px;
    margin-left: 5px;
}
#main {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0px;
    margin-bottom: 30px;
    background-image: none;
    border: none;
}
#bar:nth-child(1) {
    text-align: center;
}
#info, #info2 {
    width: 85%;
} 
#info2 {
    transform: translateX(0px);
    position: relative;
}
#textbar {
    width: 80%;
    font-size: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
    transform: translateX(16px);
    margin-left: 0px;
}
#bar {
    margin-bottom: 30px;
}
.stname, .val {
    top: 15px;  
}
#start {
    height: 23px;
    width: 23px;
    top: 6px;
    left: -28px;
}
#pokename {
    font-size: 36px;
    background-color: none;
    background-color: white;
    border: none;
    border-radius: 0px;
    
}
#sprite {
    width: 80%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.stname, .val{
    font-size: 16px;
}
.bar {
    height: 16px;
    margin-left: 20px;
}
.stname {
    width: 50px;
}
#logo {
    height: 60px;
}
#hg, #wg, #cry, #Wg, #Hg {
    font-size: 20px;
}
#char {
    font-size: 30px;
}
#aud {
    width: 250px;
    position: relative;
    transform: translateY(7px);
}
#cry {
    transform: translateY(25px);
}
.stcon {
    width: 120%;
}
#info {
    height: fit-content;
    overflow-x: scroll;
}
#bstat {
    margin-bottom: 0px;
}
#tot {
    top: 15px;
    margin-bottom: 15px;
}
#wg, #hg {
    top: 0.5px;
}
hr {
    display: block;
}
#evolcon {
    margin-top: 15px;
    
}
#hd {
    border-bottom-width: 20px;
}
#lgcon {
    margin-bottom: 10px;
}
#menu {
    width: 80%;
    margin-left: 0px;
    left: 50%;
    transform: translate(-50%, -20px);
    text-align: left;
    padding-top: 25px;
}
#bar {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 30px;
}
#info {
    top: 0px;
    left: 0px;
    position: relative;
}
#info, #info2, #evolcon {
    margin-left: 18px;
    padding-left: 10px;
}
#info2 {
    transform: translateY(5px);
    overflow: auto;
    padding-top: 20px; 
}
#spmain {
    display: none;
}
#main {
    width: auto;
    padding-bottom: 10px;
    min-height: 320px;
}
#rgcon, #lfcon, #pstevocon, #currevo, #nxtevocon {
    position: relative;
    top: 0%;
    transform: translateY(0%);
    left: 50%;
    transform: translateX(-50%);
    display: block;
    height: fit-content;
    width: fit-content;
}
#nxtevocon {
    text-align: center;
}
#evol {
    text-align: left;
}
#pstevocon, #currevo, #nxtevocon {
    top: -40px;
}
#fill {
    height: 0px;
}