* {
    box-sizing: border-box;

}

/* Add a gray background color with some padding */
/*body {*/
/*    font-family: Arial;*/
/*    padding: 20px;*/
/*    background: #f1f1f1;*/
/*}*/

/* Header/blog Title */

.header {
    padding: 30px;
    font-size: 40px;
    text-align: center;
    background: lightgrey;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
    float: left;
    width: 75%;
}

/* Right column */
.rightcolumn {
    float: left;
    width: 25%;
    padding-left: 20px;
}

/* Fake image */
.fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
}

/* Add a card effect for articles */
.card {
    background-color: lightgrey;
    padding: 20px;
    margin-top: 20px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
    align-content: center;
}

/* Footer */
.footer {
    padding: 20px;
    text-align: center;
    background: #ddd;
    margin-top: 20px;
}

.double_space{
    line-height: 2;
    position: relative;
    top: -.5em;
    font-family: Helvetica Neue, serif;
    font-size: 24px;
    text-align: center;
}
.pare{
    line-height: 2;
    position: relative;
    top: -.5em;
    font-family: Helvetica Neue, serif;
    font-size: 24px;
    /*text-align: center;*/
}

.tab{
    display: inline-block;
    margin-left:120px;
}



/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
    .leftcolumn, .rightcolumn {
        width: 100%;
        padding: 0;
    }
}

button{
    height: 50px;
    width: 100%;
    padding: -100px;


}
body{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
/*.tab {*/
/*    display: inline-block;*/
/*    margin-left: 500px;*/
/*}*/