*{ scroll-behavior: smooth; }
/*-- TITLE.HEADER -- */
    #header{
        margin-bottom: 2.5rem;
    }
    #header .contain{
        padding-top: 3.5rem;
        display: flex;
        justify-content: space-between;
    }
    #header h3{
        position: absolute;
    }
    #header .border{
        color: #555;
        text-shadow:
        -1px -1px 0 rgba(255,255,255,0.05),
        1px -1px 0  rgba(255,255,255,0.05),
        1px 1px 0  rgba(255,255,255,0.05),
        -1px 1px 0  rgba(255,255,255,0.05);
    }
    #header .border:hover{
        color: #0be578;
        text-shadow: none;
        transition: all 0.15s ease-in-out;
    }
    #header .wave{
        color: #0be578;
        animation: wave 3s ease-in-out infinite;
    }
    @keyframes wave{
        0%, 100%{
            clip-path: polygon(
                0% 47%,
                10% 48%,
                33% 54%,
                54% 60%,
                70% 61%,
                84% 59%,
                100% 52%,
                100% 100%,
                0% 100%
            )
        }
        50%{
            clip-path: polygon(
                0% 60%,
                15% 65%,
                34% 66%,
                51% 62%,
                67% 50%,
                84% 45%,
                100% 46%,
                100% 100%,
                0% 100%
            );
        }
    }
    .nav{
        text-align: center;
        font-weight: 600;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .nav *{
        box-sizing: border-box;
        transition: all .35s ease;
    }
    .nav li{
        display: inline-block;
        list-style: outside none none;
        margin: 0 2rem;
        padding: 0;
    }
    .nav a{
        padding: 1rem 1.5rem;
        color: rgb(94, 94, 94);
        position: relative;
        text-decoration: none;
        font-size: 20px;
    }
    .nav a::before, .nav a::after{
        content: '';
        height: 14px;
        width: 14px;
        position: absolute;
        transition: all .35s ease;
        opacity: 0;
    }
    .nav a::before{
        content: '';
        right: 0;
        top: 0;
        border-top: 3px solid #46f49d;
        border-right: 3px solid #46f49d;
        transform: translate(-100%, 50%);
    }
    .nav a:after{
        content: '';
        left: 0;
        bottom: 0;
        border-bottom: 3px solid #46f49d;
        border-left: 3px solid #46f49d;
        transform: translate(100%, -50%);
    }
    .nav a:hover:before, .nav a:hover:after{
        transform: translate(0,0);
        opacity: 1;
    }
    .nav a:hover{
        color: #fff;
    }
/*-- MENU.BUTTON -- */
    .navigation{
        display: none;
        position: absolute;
        right: 25px;
        height: 50px;
        width: 200px;
        background-color: #0bb9e5;
        transition: 0.25s;
        z-index: 10000;
        overflow: hidden;
    }
    .navigation.active{
        height: 250px;
    }
    .navigation .toggle{
        position: relative;
        top: 0;left: 0;
        width: 100%;
        height: 50px;
        background-color: #373737;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 20px;
        font-size: 2rem;
        cursor: pointer;
    }
    .navigation .toggle::before{
        content: 'Menu';
        margin-right: 10px;
    }
    .navigation .toggle.active:before{
        content: 'Close';
        margin-right: 10px;
    }
    .navigation .toggle span{
        position: relative;
        width: 20px;
        height: 50px;
    }
    .navigation .toggle span::before{
        content: '';
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: 0.5s;
    }
    .navigation .toggle span::after{
        content: '';
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: 0.5s;
    }
    .navigation .toggle.active span::before{
        transform: rotate(225deg);
        top: 24px;
    }
    .navigation .toggle.active span::after{
        transform: rotate(135deg);
        bottom: 24px;
    }
    @media (max-width: 1100px){
        .navigation{
            display: inline;
        }
        .nav{
            display: none;
        }
        .navigation ul{
            position: relative;
            display: block;
            background-color: #111;
        }
        .navigation ul li a{
            position: relative;
            display: block;
            padding: 10px 20px;
            height: 50px;
            color: #fff;
            font-size: 1.5rem;
            transition: 0.1s;
        }
        .navigation ul li a:hover{
            transition: 0s;
            background-color: #0bb9e5;

        }
    }
    @media (max-width: 570px){
        .navigation{
            width: 150px;
        }
    }
    @media (max-width: 440px){
        .navigation{
            background-color: transparent;
        }
        .navigation .toggle{
            background-color: transparent;
        }
        .navigation .toggle::before, .navigation .toggle::after{
            content: '';
        }
        .navigation .toggle.active:before{
            content: '';
        }
    }
/* -- TITLE.MAIN -- */
    main{
        padding-top: 2rem;
        box-shadow: 0px 5px 15px rgba(0,0,0,0.15);
        text-shadow: 0px 5px 15px rgba(255,255,255,0.1);
        background-color: rgba(0,0,0,0.025);
    }
    main .contain{
        padding-bottom: 28rem;
    }
    main .title{
        margin-top: 5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .title-main::before, .subtitle-main::before{
        transform: scaleX(0);
        transform-origin: bottom right;
    }
    .title-main:hover::before, .subtitle-main:hover::before{
        transform: scaleX(1);
        transform-origin: bottom left;
    }
    .title-main::before, .subtitle-main::before{
        content: " ";
        display: block;
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        inset: 0 0 0 0;
        z-index: -1;
        transition: transform .3s ease;
    }
    .title-main::before{
        background: #46f49d;
    }
    .subtitle-main::before{
        background: #ff3ba0;
    }
    .title-main, .subtitle-main{
        position: relative;
        width: fit-content;
        transition: all 0.3s ease-in-out;
    }
    .title-main:hover, .subtitle-main:hover{
        color: #222;
    }
/* -- EFECTO NEON -- */
    .list-network{
        margin: 0;
        padding: 0;
        display: flex;
        position: absolute;
        top: 42%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .list-network li{
        list-style: none;
        margin: 0 15px;
    }
    .list-network li a{
        position: relative; 
        display: block;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 63px;
        background: #333;
        border-radius: 50%;
        font-size: 30px;
        color: rgb(207, 207, 207);
        transition: .5s;
    }
    .list-network li a::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        transition: .5s;
        transform: scale(.9);
        z-index: -1;
    }
    .list-network li a:hover::before{
        transform: scale(1.1);
    }
/* -- DISTINCION DE BOTONES -- */
    .list-network li .wapp::before{
        background: #0be578;
    }
    .list-network li .wapp:hover::before{
        box-shadow: 0 0 15px #0be578;
    } 
    .list-network li .wapp:hover{
        color: #0be578;
        box-shadow: 0 0 5px #0be578;
        text-shadow: 0 0 5px #0be578;
    }
    .list-network li .insta::before{
        background: #e50b7c;
    }
    .list-network li .insta:hover::before{
        box-shadow: 0 0 15px #e50b7c;
    } 
    .list-network li .insta:hover{
        color: #e50b7c;
        box-shadow: 0 0 5px #e50b7c;
        text-shadow: 0 0 5px #e50b7c;
    }
    .list-network li .www::before{
        background: #0bb9e5;
    }
    .list-network li .www:hover::before{
        box-shadow: 0 0 15px #0bb9e5;
    } 
    .list-network li .www:hover{
        color: #0bb9e5;
        box-shadow: 0 0 5px #0bb9e5;
        text-shadow: 0 0 5px #0bb9e5;
    }
/* -- TEXT.CONSOLE -- */
    .hidden{
        opacity: 0;
    }
    .console-container{
        font-size: 3.25em;
        text-align: center;
        height: 100px;
        width: 100%;
        display: block;
        position: absolute;
        color: white;
        margin-top: 20rem;
        font-weight: 700;
    }
    .console-underscore{
        display: inline-block;
        position: relative;
        top: -0.14em;
        left: 10px;
    }
    @media (max-width: 750px){
        .title-header{
            margin-left: -1.65rem;
        }
        .title-main{
            font-size: 10rem;
        }
        .console-container span{
            font-size: 4.5rem;
        }
        .list-network{
            top: 38%;
        }
    }
    @media (max-width: 620px){
        main .title{
            margin-top: 8rem;
        }
        .title-main{
            font-size: 6.5rem;
        }
        .console-container{
            margin-top: 12rem;
        }
        .console-container span{
            font-size: 3.2rem;
        }
    }
    @media (max-width: 420px){
        .navigation{
            right: 0px;
            width: 220px;
        }
        .navigation ul li a{
            font-size: 1.75rem;
        }
        main .title{
            margin-top: 12rem;
        }
        .title-main{
            font-size: 5rem;
        }
        .console-container{
            margin-top: 8rem;
        }
        .console-container span{
            font-size: 2.5rem;
        }
    }
/* -- TITLE.JOBS -- */
    .container{
        display: flex;
        justify-content: space-evenly;
        flex-wrap:wrap;
    }
    .container .card{
        position: relative;
    }
    .container .card .face{
        width: 300px;
        height: 200px;
        transition: .4s;
    }
    .container .card .face.face1{
        position: relative;
        background: #333;
        display: flex;
        justify-content: center;
        align-content:center;
        align-items: center;
        z-index: 1;
        transform: translateY(100px);
    }
    .container .card:hover .face.face1{
        transform: translateY(0);
        box-shadow:
        inset 0 0 60px whitesmoke,
        inset 20px 0 80px #f0f,
        inset -20px 0 80px #0ff,
        inset 20px 0 300px #f0f,
        inset -20px 0 300px #0ff;
    }
    .container .card .face.face1 .content{
        opacity: .2;
        transition:  0.5s;
        text-align: center;
    }
    .container .card:hover .face.face1 .content{
        opacity: 1;
    }
    .container .card .face.face1 .content i{
        font-size: 3em;
        color: white;
        display: inline-block;
    }
    .container .card .face.face1 .content h3{
        font-size: 1em;
        color: white;
        text-align: center;
    }
    .container .card .face.face1 .content a{
        transition: .5s;
    }
    .container .card .face.face2{
        position: relative;
        background: whitesmoke;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        box-sizing: border-box;
        box-shadow: 0 20px 50px rgba(0,0,0,.8);
        transform: translateY(-100px);
    }
    .container .card:hover .face.face2{
        transform: translateY(0);
    }
    .container .card .face.face2 .content p, a{
        font-size: 1.35rem;
        margin: 0 ;
        padding: 0;
        color:#333;
    }
    .container .card .face.face2 .content a{
        text-decoration:none;
        color: black;
        box-sizing: border-box;
        outline : 1px dashed #333;
        padding: 10px;
        margin: 15px 0 0;
        display: inline-block;
    }
    .container .card .face.face2 .content a:hover{
        background: #333 ;
        color: whitesmoke; 
        box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
    }
/* -- CARTEL.SERVICES -- */
    #services .contain{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 3rem;
    }
    .cartel{
        text-align:center;
        border:5px solid #1086e8;
        width:100%;
        border-radius: 18px;
        padding: 0.5rem 3rem;
        transform: rotateZ(2deg);
        animation: border-flicker 2s linear infinite;
    }
    .cartel h3{
        color:#FF00E6;
        font-family: 'Raleway', sans-serif;
        letter-spacing: 10px;
        animation: text-flicker 3s linear infinite;
    }
    #offset{
        animation: letter-flicker 2s linear infinite;
    }
    @keyframes text-flicker {
        0% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        2% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        8% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        9% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        12% {
        opacity:0.1;
        text-shadow: 0px 0px rgba(242, 22, 22, 1);
        }
        20% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
        }
        25% {
        opacity:0.3;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
        }
        30% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
        }
        
        70% {
        opacity:0.7;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
        }
        
        72% {
        opacity:0.2;
        text-shadow:0px 0px 29px rgba(242, 22, 22, 1)
        }
        
        77% {
        opacity:.9;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
        }
        100% {
        opacity:.9;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
        }
    }
    @keyframes border-flicker {
        0% {
        opacity:0.1;
        -webkit-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
        -moz-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
        box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
        }
        2% {
        opacity:1;
        -webkit-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    -moz-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
        }
        4% {
        opacity:0.1;
        -webkit-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    -moz-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
        }
        
        8% {
        opacity:1;
        -webkit-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    -moz-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
        }
        70% {
        opacity:0.7;
        -webkit-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    -moz-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
        }
        100% {
        opacity:1;
        -webkit-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    -moz-box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
    box-shadow: 0px 0px 15px 4px rgba(16,134,232,0.45);
        }
    }
    @keyframes letter-flicker {
        0% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        2% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        4% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        
        
        19% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        21% {
        opacity:0.1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        23% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        
        80% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        83% {
        opacity:0.4;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
        87% {
        opacity:1;
        text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
        }
    }
/* -- BOX.ICON -- */
    .box-icon{
        position: relative;
        width: 350px;
        height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        overflow: hidden;
        border-radius: 20px;
        transition: 0.25s ease-in;
    }
    .box-icon:hover{
        width: 345px;
        height: 175px;
    }
    .box-icon::before{
        content: '';
        position: absolute;
        width: 100px;
        height: 215%;
        background: linear-gradient(#1b1b1b, #474747);
        animation: animate 5s linear infinite;
        transition: 0.25s ease-in;
    }
    .box-icon:hover::before{
        background: linear-gradient(#0be578, #e50b7c);

    }
    .box-icon::after{
        content: '';
        position: absolute;
        inset: 4px;
        background: #202020;
        border-radius: 16px;
        transition: 0.25s ease-in;
    }
    .box-icon:hover::after{
        background: #252525;
        box-shadow: inset 0px 0px 15px rgba(255,255,255,0.15);
    }
    @keyframes animate{
        0%{
            transform: rotate(0deg);
        }
        100%{
            transform: rotate(350deg);
        }
    }
    .box-icon p, .box-icon i{
        z-index: 100;
    }
    .box-icon i{
        font-size: 3.5rem;
        margin-bottom: 1.5rem;
    }
    .box-icon p{
        font-weight: 700;
        text-align: center;
        font-size: 1.5rem;
        padding: 0 5rem;
    }
    .services-icon{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 4rem;
        padding: 4rem 0;
    }
/* -- CONTACT -- */
    .title-contact{
        font-size: 4rem;
        font-family: 'Poppins', sans-serif;
        padding-bottom: 2.5rem;
        color: rgba(255,255,255,0.15);
    }
    .title-contact::before{
        content: attr(data-text);
        position: absolute;
        margin-top: 3.6rem;
        margin-left: 11.35rem;
        transform: translate(-50%, -50%);
        font-size: 1.25rem;
        color: #3bffe8;
        text-shadow: 0 0 10px #3bffe8,
        0 0 30px #3bffe8,
        0 0 80px #3bffe8;
        font-weight: 500;
        letter-spacing: 40px;
        white-space: nowrap;
        text-align: center;
        transition: 0.5s;
        opacity: 1;
        letter-spacing: 6px;
    }
/* -- FORM -- */
    .container-form{
        position: relative;
        min-width: 1100px;
        min-height: 550px;
        display: flex;
        z-index: 1000;
    }
    .container-form .contactInfo{
        position: absolute;
        top: 40px;
        width:350px;
        height: calc(100% - 80px);
        background: #e50b7c;
        z-index: 1;
        padding: 2rem;
        display: flex;
        justify-content: center;
        flex-direction: column;
        justify-content: space-between;
        box-shadow: 0 20px 25px rgba(0,0,0,0.15);
    }
    .container-form .contactForm{
        position: absolute;
        padding: 3rem 2rem;
        padding-left: 250px;
        margin-left: 150px;
        width: calc(100% - 150px);
        height: 100%;
        background: transparent;
        box-shadow: 0 10px 50px rgba(0,0,0,0.25);
    }
    .contactInfo h3{
        color: #fff;
        font-size: 3.2rem;
        font-weight: 800;
    }
    .contactInfo ul.info{
        position: relative;
        margin: 1rem;
    }
    .contactInfo ul.info li{
        position: relative;
        display: flex;
        margin: 2rem 0;
        cursor: pointer;
    }
    .contactInfo ul.info li span{
        display: flex;
        align-items: center;
    }
    .contactInfo .contact-text{
        font-size: 1.65rem;
        color: #222;
    }
    .contactInfo ul.info li span i{
        font-size: 2.5rem;
        margin-right: 1.5rem;
        color: #fff;
    }
    .contactForm h3{
        color: #0bb9e5;
        font-size: 3rem;
        font-weight: 800;
    }
    .contactForm form{
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 1.75rem;
        padding-right: 2.5rem;
    }
    .contactForm form .inputBox{
        position: relative;
        margin-bottom:2.5rem;
    }
    .inputBox.w50{
        width: 47%
    }
    .inputBox.w100{
        width: 100%;
    }
    .inputBox input, .inputBox textarea{
        width: 100%;
        resize: none;
        padding: 1rem;
        font-size: 1.45rem;
        font-weight: 300;
        color: rgba(255,255,255,0.85);
        border: none;
        outline: none;
        background-color: transparent;
        border-bottom: 1px solid #777;
    }
    .inputBox span{
        position: absolute;
        left:0;
        margin-top: -0.75rem;
        padding: 8px 10px;
        pointer-events: none;
        font-size: 1.5rem;
        font-weight: 300;
        transition: 0.3s ease-in;
        color: rgba(255,255,255,0.5);
    }
    .inputBox input:focus ~ span, .inputBox textarea:focus ~ span, .inputBox input:valid ~ span, .inputBox textarea:valid ~ span{
        transform: translateY(-20px);
        font-size: 1.15rem;
        letter-spacing: 1px;
        font-weight: 500;
        color: #0bb9e5;
    }
    .inputBox input[type="submit"]{
        position: relative;
        display: inline-block;
        padding: 1rem 3rem;
        color: #fff;
        text-transform: uppercase;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 1px;
        border: none;
        cursor:pointer;
        overflow: hidden;
        background-color: #373737;
        transition: 0.2s ease-in;
    }
    .inputBox input[type="submit"]:hover{
        background-color: #0bb9e5;
        box-shadow: 0 0 2.5px rgba(11, 185, 229,0.25),
        0 0 5px rgba(11, 185, 229,0.35),
        0 0 50px rgba(11, 185, 229,0.5);
    }
/* -- FOOTER -- */
    #footer{
        text-align: center;
        padding: 2rem 0;
        background-color: #111;
        margin-top: 5rem;
    }
    #footer p, #footer a{
        cursor: default;
        font-size: 1.35rem;
        color: rgba(255,255,255,0.25);
    }
    #footer a{
        cursor:pointer;
        color: #0bb9e5;
    }
/* -- MEDIAS -- */
    /* -- CONTACT -- */
    @media (max-width: 1200px){
        .container-form{
            width: 100%;
            min-width: auto;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
        }
        .contactInfo{
            top: 0;
            height: 550px;
            position: relative;
            box-shadow: none;
        }
    }
    @media (max-width: 991px){
        .container-form{
            display: flex;
            flex-direction: column;
            min-height: 430px;
        }
        .container-form .contactInfo{
            display: none;
        }
        .container-form .contactForm{
            width: inherit;
            padding: 4rem 2rem 2rem 4rem;
            margin: 0;
            box-shadow: none;
        }
    }
    @media (max-width: 600px){
        .container-form{
            min-height: 470px;
        }
        .container-form .contactForm{
            padding: 2rem 2rem 2rem 3.5rem;
        }
        .container-form .contactInfo{
            padding: 25px;
            flex-direction: column;
            align-items: flex-start;
        }
        .container-form .contactForm .inputBox.w50{
            width: 100%;
        }
    }
    /* -- MENU -- */
    /* -- HEIGHT.NETWORK -- */
    @media (max-height: 1150px){
        .list-network{
            top: 34%;
        }
    }
    @media (max-height: 1020px){
        .list-network{
            top: 40%;
        }
    }
    @media (max-height: 880px){
        .list-network{
            top: 48%;
        }
    }
    @media (max-height: 785px){
        .list-network{
            top: 50%;
        }
    }
    @media (max-height: 680px){
        .list-network{
            top: 58%;
        }
    }
    @media (max-height: 585px){
        .list-network{
            top: 69%;
        }
    }

    /* -- ADMIN -- */
    .body-admin{
        font-size: 1.6rem;
        line-height: 1.8;
        color: var(--text);
        background-color: #222;
        font-family: 'Montserrat', sans-serif;
        padding: 1.5rem;
    }
    .body-admin h2{
        padding: 2rem 0;
    }