.cursor-pointer {
    cursor: pointer;
}

.bb {
    border-bottom: 2px solid black;
}

* {
    font-family: 'Source Sans Pro', 'sans-serif';
    font-size: 16px;
}

.main-border {
    border: 2px solid black;
    border-radius: 5%;
}

.url-text-area {
    outline: transparent solid 2px;
    outline-offset: 2px;
    font-size: 26px !important;
    font-weight: 700 !important;
}

@media (max-width: 1200px) {
    .mr-20 {
        margin-right: 0% !important;
    }

    .ml-20 {
        margin-left: 0% !important;
    }
}

@media (min-width: 1200px) {
    .mr-20 {
        margin-right: 20% !important;
    }

    .ml-20 {
        margin-left: 20% !important;
    }
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.btn {
    border: 2px solid gray;
    color: rgb(69, 231, 19);
    background-color: white;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
}