@font-face {
    font-family: "netstore-20";
    src: url("/font/netstore-20-v6.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    overflow-x: hidden;
    background-color: white;
}

.btn{border-radius: .50rem;}
.btn-danger{background-color: #ff0e03;}

.title-theme {
    font-family: 'Children';
}

h1 {
    font-weight: normal;
    font-family: 'Varela Round', sans-serif;
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 1.8rem;
    }
}

:root {
    --color-1: #00cfb6;
    --color-1-1: #04a08e;
    --color-1-2: #7dffee;
    --color-1-alpha-0: #00cfb600;
    --color-2: #00cfb6;
    --color-2-1: #04a08e;
    --color-2-2: #7dffee;
    --bg-gradient: linear-gradient(0deg, var(--color-1) 0%, var(--color-1-2) 100%);
}

a { color: var(--color-1); }
a:hover{color: var(--color-1-1);}

header{
    background-color: #0047BB;
    height: 65px;
}

header .logo-header{max-width: 95px;}

.page{height: 80vh;}

.div-line{position: relative;}
.div-line .icon{
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    width: 48px;
    height: 48px;
    display: flex;
}

.div-line p{
    padding: 0px;
    margin: 0px;
    line-height: 3;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

.logo-body{
    border-radius: 20%;
    width: 100px;
    height: auto;
    display: block;
    object-position: initial;
    filter: none;
    text-align: center;
    margin: 0 auto; 
}


footer .copyright{color: black;}