/* 1. Cartão Básico */
.cartao-basico {
    width: 250px;
    height: 150px;
    border: 2px solid blue;
    padding: 15px;
}


.botao-flutuante {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    background: #eee;
    box-shadow: 2px 2px 5px gray;
    cursor: pointer;
}


.container-centralizado {
    width: 80%;
    min-height: 300px;
    margin: 0 auto;
    border: 1px dashed black;
}


.moldura-irregular {
    border-radius: 5px 50px 5px 50px;
    margin: 10px 20px 30px 40px;
    padding: 10px;
    background: #fafafa;
    border: 1px solid #999;
}


.bloco-3d {
    width: 200px;
    height: 200px;
    border: 5px double black;
    box-shadow: 8px 8px 0px #000;
}


.resetado {
    margin: 0;
    padding: 0;
    border: none;
}

p.resetado {
    width: 400px;
}


.circulo {
    width: 100px;
    height: 100px;
    background: orange;
    border-radius: 50%;
    margin: 20px;
}


.borda-4x {
    border-left: 5px solid black;
    border-bottom: 2px dotted black;
    border-top: none;
    border-right: none;
    padding-left: 15px;
}


.card-inset {
    width: 200px;
    height: 150px;
    border-radius: 10px;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
    margin-top: 50px;
    padding: 10px;
}


.coluna-30, .coluna-70 {
    float: left;
    height: 400px;
    padding: 10px;
    border: 1px solid #ccc;
}

.coluna-30 {
    width: 30%;
}

.coluna-70 {
    width: 70%;
}