@media (orientation: landscape) {
    #nowTime {
        font-size: 25px;
    }

    .border {
        margin: 10px 0;
    }

    #main input[type='button'] {
        margin-bottom: 15px;
    }
}

@media (orientation:portrait) {
    #nowTime {
        font-size: 20px;
    }

    .border {
        margin: 10px 15px 10px 0px;
    }

    .mobile {
        height: 5px;
    }

    .btn {
        margin: 0;
    }

    .tit {
        margin: 15px 5px;
    }

    .txtBorder {
        margin: 3px;
    }
}

#nowTime {
    font-weight: bold;
}

#currentTimestampValue {
    font-size: medium;
}

.border {
    border: 1px #6cf solid;
    border-radius: .6rem;
    padding: 10px;
}

.tit {
    font-size: large;
    font-weight: bold;
}

.txtBorder {
    padding: 3px;
    border-color: rgb(145, 17, 191);
    border-radius: .3rem;
    line-height: 25px;
    font-size: medium;
}

.txtTime {
    width: 190px;
}

.txtTimestemp {
    width: 125px;
}

.txtArea {
    width: 145px;
}

select {
    height: 34px;
    font-weight: bold;
}

.txtFont {
    font-family: OpenSans;
}