*{
    color: white;
    margin: 0;padding: 0;box-sizing: border-box;
}
body{
    background-color: black;
}
.screens{
    display: flex;flex-direction: column;justify-content: center;align-items: center;
}
h1, h2, h3, h4, h5, h6{
    /* margin-top: 5vh; */
    text-align: center;
}
.br1{
    margin-top: 3vh;
    height: 6vh;
}
.screen14 span{
    color: black;
}
.right{
    text-align: right;
}
.dashedLine{
    border-bottom: 2px dashed #73816d;
    /* width: 98%; */
    margin: 2vh 0;
}
#font-selector{
    height: 5vh;
    top: 2.3vh;
    width: 100%;
    color: black;
}
select option{
    color: black;
}
#screen4 span{
    color: #73816d;
}
.dottedLine{
    border-bottom: 2px dotted white;
}
.heading.dotted{
    display: flex;justify-content: center;
    width: 100%;
}
.mr{
    margin-right: 40vw;
}
.heading{
    text-align: center;
    /* margin: 5vh 0; */

}
.direct{
    font-size: 2vh;
}
.blue{
    color: #34394d;
}
input{
    color: black;
}
.container-fluid{
    border: 1px solid white;
}
.lineUp{
    margin-top: 5vh;
}
.lineDown{
    margin-bottom: 5vh;
}

input {
    padding: 2vh !important;
    height: 5vh !important;
    border: 1px solid #ccc !important;
    font-family: montserrat !important;
    color: #2C3E50 !important;
    font-size: 13px !important;
    border-radius: 0 !important;
}
.flex{
    display: flex;justify-content: space-between;
}
.activating-transaction{
    margin: 2vh 0;
    /* padding: 2vh; */
    height: 6vh;
    width: 100%;
    background-color: #eec945;
}
.activating-transaction h2{
    /* margin:5vh 2vh; */
    border: 2px solid white;
}

.logout{
        height: 9vh;
    padding: 2vh;
    background-color: #2C3E50;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    border-radius: 50%;
    position: fixed;
    right: 2vh;
    bottom: 8vh;
    box-shadow: rgb(255 255 255 / 35%) -1px 0px 20px 4px;
    /* bottom: 5vh; */

}
.logout a{
    /* background-color: #fff; */
}