#tudo{max-width: 800px;min-width: 400px;/* margin-top: 20px; */
    
    margin-left: 10px;
    background-color: cornsilk;
    padding: 20px;
    height: 60vh;
    border-radius: 10px;    
    
    
    
}
.ps
{
color: #e5d4d4;
height: 5px;
font-size: 5px;
}
#ponto{


position: absolute;
margin-top: 250px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 12px solid #da1812;

}
.caixa{width: 123px;background-color: #262626;border-bottom-left-radius: 15px;border-top-right-radius: 15px;border: solid;padding: 10px;text-align: center;/* float: left; */margin-left: 5px;margin-top: 5px;}
.acat{
height: 23px;
font-weight: bold;
width: 30px;
background-color: coral;
opacity: .8;
border-radius: 5px;
border: solid;
font-size: 16px;
padding-top: 5px;
}
.acat2{
height: 21px;
font-weight: bold;
width: 30px;
background-color: coral;
opacity: .8;
border-radius: 5px;
border: solid;
font-size: 14px;
padding-top: 5px;
}
.pcat{
height: 23px;
font-weight: bold;
width: 30px;
background-color: coral;
opacity: .8;
border-radius: 5px;
border: solid;
font-size: 16px;
padding-top: 5px;
position: absolute;
margin-left: 87px;
margin-top: -35px;
}
.pcat2{

height: 21px;
font-weight: bold;
width: 30px;
background-color: coral;
opacity: .8;
border-radius: 5px;
border: solid;
font-size: 14px;
padding-top: 8px;
position: absolute;
margin-left: 87px;
margin-top: -33px;
}
.ver{
position: absolute;
font-size: 26px;
margin-left: 45px;
margin-top: -33px;
text-align: center;
width: 30px;
}

.ver2{

position: absolute;
font-size: 16px;
margin-left: 45px;
margin-top: -26px;
text-align: center;
width: 30px;

}

.bt{border-radius: 5px;background-color: brown;color: white;border: none;padding: 6px;width: 27px;font-size: 14px;font-weight: bold;cursor: pointer;}

.bt2{border-radius: 5px;background-color: brown;color: white;border: none;padding: 6px 6px 6px 2px;width: 27px;font-size: 10px;font-weight: bold;}


.bt3{border-radius: 5px;background-color: gray;color: white;border: none;width: 122px;font-size: 11px;font-weight: bold;margin-bottom: 3px;height: 21px;cursor: pointer;}

.ntopo{font-size: 15px;/* font-family: math; */font-weight: bold;padding-bottom: 10px;}
#tabela{

position: absolute;
height: 458px;
background-color: aqua;
margin-left: 12px;
margin-top: -500px;
width: 50px;
}

.ranks{
height: 50px;
}
#stec{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/stec.png");
}
#atec{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/atec.jpg");
}
#btec{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/btec.jpg");
}
#ctec{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/ctec.jpg");
}
#dtec{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/dtec.jpg");
}
#dpow{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/dpow.jpg");
}
#cpow{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/cpow.jpg");
}
#bpow{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/bpow.jpg");
}
#apow{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/apow.jpg");
}
#spow{
background-image: url("https://darkslateblue-wombat-788212.hostingersite.com/yfmrank4/spow.png");
}
#caixas
{margin-left: 59px;margin-top: -506px;display: flex;justify-content: space-around;flex-wrap: wrap;color: white;}
#fdd{
height: 94px;
}


.bt3b
{
    border-radius: 5px;
    background-color: #808080;
    color: white;
    border: none;
    padding: 6px 6px 6px 2px;
    width: 118px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
    cursor: pointer;
}

#ccod{
    background-color: #a52a2a;
    padding: 16px;
    width: 308px;
    text-align: center;
    border-radius: 0px 10px;
    margin: auto;
    margin-top: 20px;
    height: 61px;
}


#lcod{
    color: white;
    font-family: sans-serif;
    font-weight: bold;
}
#cod{
    padding: 7px;
    width: 200px;
    text-align: center;
    border-radius: 0px 10px;
    margin-right: 3px;
}

#bcod{width: 39px;height: 33px;border-radius: 0px 10px;cursor: pointer;}
#linkcod{
    color: #ccc;
    padding: 10px;
    float: left;
    text-decoration: underline;
    font-family: monospace;
    cursor: grab;
    margin-left: 40px;
}
#linkccod{
    color: #ccc;
    padding: 10px;
    /* float: left; */
    text-decoration: underline;
    cursor: grab;
    font-family: monospace;
}