/**
 * VAA-TAA - style
 *
 * @author  Equipe JustWorks
 */

/* base typo */
body{font-family:"Open Sans", sans-serif;font-weight:400; font-size:15px; color: #5f5f5f;}
    .vaa-page-title {font-family:"Open Sans", sans-serif; font-size:35px; font-weight:400; color :#383838;letter-spacing:-0.9px;}
    .vaa-page-title-inverse {font-family:"Open Sans", sans-serif; font-size:35px; font-weight:600; color :#fff;letter-spacing:-1.5px;}
    .vaa-page-subtitle{font-family:"Open Sans", sans-serif; font-size:28px; font-weight:600; color :#383838;letter-spacing:-1.2px;}
    .vaa-page-subtitle-regular{font-family:"Open Sans", sans-serif; font-size:28px; font-weight:400; color :#383838;letter-spacing: -1.31px;}
    .vaa-page-content {font-family:"Open Sans", sans-serif;font-weight:400; font-size:19px; color: #5f5f5f;letter-spacing: -0.49px;}
    .vaa-page-content-big {font-family:"Open Sans", sans-serif;font-weight:400; font-size:22px; color: #5f5f5f;letter-spacing: -0.5px;}
/* */
.menu-logado li.visible-xs {width:100%;}
.menu-logado li.visible-xs a{width:100%;}
.icon.icon-profile-view{padding-left: 35px;background: url("../img/v2/icon_menu_user6.png") no-repeat center left;}
.icon.icon-logout{padding-left: 35px;background: url("../img/v2/icon_menu_user7.png") no-repeat center left;}
.icon.icon-password{padding-left: 35px;background: url("../img/v2/icon_menu_user8.png") no-repeat center left;}
.icon.icon-profile{padding-left: 35px;background: url("../img/v2/icon_menu_user9.png") no-repeat center left;}
/* yay */
.col-5{width:20%;float:left}
.vaa-relative-wrapper { position: relative;}
/* sticky */
html, body { height: 100%; }
.page-wrap { min-height: 100%; margin-bottom: -260px; }
.page-wrap:after { content: ""; display: block; }
.site-footer, .page-wrap:after { height: 260px; }


/* home */
header .navbar {border-bottom: none;margin-bottom:0;}

.vaa-slider-btn {font-size:18px;font-weight: 700;color:#FFF; background-image: url('../img/v2/play_button.png'); background-position: center right; background-repeat: no-repeat;padding: 10px 46px;display: inline-block;}
    .vaa-slider-btn:hover,
    .vaa-slider-btn:active,
    .vaa-slider-btn:focus {color: #FFF;}
    .banner-home {padding-top: 110px;}
    .parallax-window {min-height: 360px;margin-bottom: 60px;}
    .vaa-slide-description,
    .vaa-slide-description>p{font-family:"Open Sans", sans-serif; font-size:22px; font-weight:400; color :#fff;margin-bottom: 35px;text-shadow:none;letter-spacing:-0.5px;line-height:30px;margin:0;}

.vaa-intro-link,
.vaa-intro-link:hover,
.vaa-intro-link:focus{font-family:"Open Sans", sans-serif; font-size:18px; font-weight:700; color: #FFF; background-image: url('../img/v2/play_button.png'); background-position: bottom center; background-repeat: no-repeat;width:100%; display: block; padding-bottom: 46px;text-align: center;position:absolute;left:0;top:30%;}

.vaa-home-text-boxes-separator {background: #E9E9E9; height:1px; clear:both;margin:40px 10px 70px;}
.vaa-home-blank-separator {background: transparent; height:1px; clear:both;margin:40px 10px 70px;}
.vaa-small-blank-separator {background: transparent; height:1px; clear:both;margin:9px 0 20px;}
.vaa-tiny-blank-separator {background: transparent; height:1px; clear:both;margin:9px 0 10px;}

#vaa-newsletter-wrap { background: rgba(45, 149, 237, .1); padding-bottom:50px; padding-top: 80px;}
    #vaa-newsletter-wrap input[type=email] {height: 46px;}

.vaa-vip-advantages{font-family:"Open Sans", sans-serif; font-weight:400; font-size:16px; color :#383838; line-height: 22px; text-align:center;}
    .vaa-vip-advantages p{padding: 0 10px;}
    .vaa-vip-advantages .vaa-vip-tag{position: absolute; top:0; left: 18px;}

.vaa-see-more {font-family:"Open Sans", sans-serif; font-size:22px; font-weight:600;line-height: 1.75;padding-top:20px;}
.vaa-home-blog .blog .thumb-holder {padding-bottom: 75%;width:100%;}

.vaa-icon-play {background-image: url('../img/v2/play_button.png'); background-position: center right; background-repeat: no-repeat;padding: 23px; position: absolute;left:50%; top:50%;margin:-23px 0 0 -23px;}
.vaa-offers{padding-top: 40px;}

.vaa-depo-img{border-radius: 50%;height:140px}
.vaa-depo .vaa-relative-wrapper {cursor: pointer}
/* oque e*/
.btn-padrao-lg{padding: 15px 60px;}
/* */
.vaa-panel{}
    .vaa-panel>.vaa-panel-header {background: transparent;border:none;}
    .vaa-panel-header .vaa-panel-header-link{color:#0A7DD8; font-size:16px; font-weight:600; float:right; line-height:1.2;}
    .vaa-panel-header h2{font-family:"Open Sans", sans-serif; font-size:22px; font-weight:400; color :#383838; letter-spacing:-1px;margin: 0; border-bottom: 1px solid #e8e8e8; padding:25px 0;}

.vaa-ranking-row{text-align: center;font-size:13px; font-weight: 600;line-height:18px;padding:0 0 25px;color:#878787;}
    .vaa-ranking-place {font-size:24px; line-height: 24px;}
    .vaa-ranking-name {font-size: 18px; line-height: 24px;}

.vaa-ranking-row:hover,
.vaa-ranking-over {color:#383838;}

.vaa-update-feed{position: absolute;top: 5px;  right: 25px; color: #0A7DD8}

/* isvip */
.vaa-sejavip-helper{position: relative;}
.vaa-sejavip-helper:hover:before {top: 50%;left: 50%;background: url('../img/aviso-alunos-vip.png') no-repeat;display: block;width: 230px;height: 104px;content: "";position: absolute;margin-left: -115px;margin-top: -122px;z-index:9999;}
.vaa-sejavip-helper.c2:hover:before{background-image: url('../img/aviso-alunos-vip2.png');}
/* */
.msg-vip .msg{font-family: 'Open Sans', sans-serif;}

.btn-login-inverse,
.btn-login-inverse:hover,
.btn-login-inverse:active,
.btn-login-inverse:focus {background-color: #2d95ed;border: 3px solid #2d95ed; border-radius: 6px;color: #FFF;font-size: 14px;font-weight: 700;padding: 5px 25px; outline:0px !important; -webkit-appearance:none;text-transform: uppercase;}

.btn-vaa {background:#fff;border:2px solid #2d95ed;border-radius:6px;font-size:14px;font-weight: 600; color: #2d95ed}
.btn-vaa-inverse{background:#2d95ed;border:2px solid #2d95ed;border-radius:6px;font-weight: 600; color: #FFF}

.total-views-container {font-family:'Open Sans', sans-serif; font-size: 13px; color: #8a8a8a; font-weight: 400;position: relative;}
    .total-views-container .number-views {color: #7e7e7e;font-weight: 600;font-size:24px;}
    .total-views-container strong,
    .total-views-container span{float:left;display:block;padding-left:37px;width:100%;}
    .total-views-container img{  position: absolute; left:0px;top:10px;}

.menu a{color:#137FDA;font-family: 'Open Sans', sans-serif; font-size: 18px;font-weight: 600;}

/* footer */
.footer-content{background-color: #f5f5f5;padding: 30px 0 40px;}
    .footer-content .footer-menu a{color:#767676;font-family: 'Open Sans', sans-serif; font-size:16px; text-transform: uppercase; line-height:32px;font-weight: 600;}
    .footer-content .footer-box {color:#767676;font-family: 'Open Sans', sans-serif; font-size:16px;}
    .footer-content .footer-box .footer-box-title {font-weight:400; display: block;}
    .footer-content .footer-box .footer-box-content {font-weight:800; display: block;}
    .footer-content .footer-social-links a{width: 44px; height: 44px; display: block; background: url("../img/social-icons-1.png") no-repeat;}
        .footer-content .footer-social-links .twitter {background-position: 0 1px;}
            .footer-content .footer-social-links .twitter:hover {background-position: 0 -44px;}
        .footer-content .footer-social-links .instagram {background-position: -59px 1px;}
            .footer-content .footer-social-links .instagram:hover {background-position: -59px -44px;}
        .footer-content .footer-social-links .youtube {background-position: -118px 1px;}
            .footer-content .footer-social-links .youtube:hover {background-position: -118px -44px;}
        .footer-content .footer-social-links .snapchat {background-position: -177px 1px;}
            .footer-content .footer-social-links .snapchat:hover {background-position: -177px -44px;}
        .footer-content .footer-social-links .facebook {background-position: -236px 1px;}
            .footer-content .footer-social-links .facebook:hover {background-position: -236px -44px;}
.footer-copy{background-color: #EDEDED;  padding:20px 0;}
    .footer-copy .copy-message {color: #5C5C5C; font-size: 15px; line-height: 1em; font-family: 'Open Sans', sans-serif;font-weight: 600;padding-bottom: 10px;}

/* box logado */
.vaa-profile-link{color: #383838;}
.box-logado{padding: 3px 0 3px 20px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.box-logado a{text-decoration: none;}
.box-logado .list-inline{margin-bottom: 0;}
.vaa-social-icons{background: url('../img/v2/social_icons.png')/*@2x*/ no-repeat;padding:16px;font-size: 0;background-size: 100px 65px;}
    .vaa-social-icons.requests{background-position: 0 0;}
    .vaa-social-icons.requests.on{background-position: 0 -38px;}
    .vaa-social-icons.notifications{background-position: -35px 0;}
    .vaa-social-icons.notifications.on{background-position: -35px -38px;}
    .vaa-social-icons.messages{background-position: -69px 0;}
    .vaa-social-icons.messages.on{background-position: -69px -38px;}
.box-logado-avatar{position: relative;}
.box-logado .caret{margin-top: 0;}
/* search form */
.vaa-top-search .search-form .search{margin-top:6px; border: 2px solid #ececec; font-family: 'Open Sans', sans-serif; font-size: 14px;padding:10px;height:auto; line-height: 21px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.vaa-top-search .search-form .buscar{width:28px;height:28px;background-image: url('../img/v2/search_icon.png') /* @2x */;background-size: 28px 28px;right:10px;top:10px;}

.vaa-top-dropdown{ padding:0 !important; margin: 0;text-align: left !important;max-width:300px;}
.notification-title {font-family: "Open Sans", sans-serif; font-size: 14px; color: #383838; margin: 0; font-weight: 600;padding:10px 15px; border-bottom: 1px solid #c4c4c4;background-color: #fafafa;}
.notification-content{background-color: #FFFFFF;padding:0 15px;font-family: "Open Sans", sans-serif; font-size: 13px;color:#383838;overflow-y: scroll;  max-height:200px;}
    .notification-content .notification-time{color: #8D8D8D; display: block;}
    .notification-content>.vaa-notification-feedentry>.row,
    .notification-content>.row{border-bottom: 1px solid #d8d8d8;padding-bottom: 20px;padding-top:10px;}
        .vaa-notification-feedentry{cursor: pointer;}
        .vaa-notification-feedentry:hover>.row{background:#EFEFEF}
    .notification-content .notification-icon {width:50px;}
.notification-footer {background-color: #FAFAFA;min-height:10px;font-size:5px;}
.notification-user {font-family: 'Open Sans', sans-serif; font-size:14px;font-weight:600;color:#2D95ED;}
.friend-request {text-transform: uppercase; color: #2d95ed;font-size:14px;}
    .friend-request i{font-size:12px; font-weight: 200;}
    .friend-request.remove i{color: #FF0000;}
.friend-request-wrap .notification-user{border-bottom: 1px solid #d8d8d8;display: block;padding-bottom: 7px;margin-bottom: 10px;}

/* feed entry */
.watched-class-wrap {border:1px solid #d0d0d0;  background: #fbfbfb;padding:20px;margin:20px; font-family:'Open Sans', sans-serif;font-size:18px;font-weight:400;}
    .watched-class-wrap .feed-entry-link{font-weight: 700;color:#0A7DD8;}
    .feed-entry-icon-wrap{border: 3px solid #9f9f9f;padding:2px 5px; color:#9f9f9f; float:right; -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.got-a-badge-wrap,
.new-module-wrap{border-top: 1px solid #d0d0d0;}
    .feed-image-wrapper {border-right: 1px solid #D0D0D0; float:left;width:35%; text-align: center;}
    .feed-inner-content {float:left;width:65%;text-align: center;font-size: 16px;}
    .feed-inner-content strong{font-weight: 700;}
    .feed-inner-space {padding:10px; min-height:170px;}
        .feed-inner-content .feed-inner-space {padding:50px 10px 10px; min-height:170px;}
    .feed-entry-icon{margin:0 auto}
    .got-a-badge-wrap .feed-entry-icon {width:150px;}
    .new-module-wrap .feed-entry-icon {margin-top:35px;}
.feed-entry-panel{margin-bottom:30px;}
    .feed-entry-panel>.panel-header{border-color: transparent;padding-top:15px;padding-bottom: 15px;}
    .panel-header .feed-entry-user-image {width:50px;margin: 0 auto;}
    .panel-header .feed-entry-user {color: #0A7DD8; font-size:18px; font-weight: 600;}
    .feed-entry-panel>.panel-body{padding: 0;}
.feed-entry-counts{border-top: 1px solid #d0d0d0;clear:both;}
.watched-class+.feed-entry-counts {border-top:none;}
    .feed-entry-counts a{color:rgba(56,56,56,.6); font-size:15px;padding:15px;display: inline-block;}
    .feed-interactions a{color:#0A7DD8;  font-weight: 600;font-size:15px; padding-right:10px;display: inline-block; text-decoration: none;}
    .feed-interactions .liked {font-weight: 700;text-shadow: 1px 1px #0A7DD8;}
.comment-row .feed-interactions a{font-weight:400;font-size:14px;color:#0A7DD8}
.feed-comment{text-align: right;}
    .feed-comment .feed-comment-input {height: 70px; width:75%; overflow: visible;}
.feed-entry-user-image{border-radius: 50%; border:3px solid transparent;}
.sem-borda{border-color: transparent !important;}
/* pages */
/* perfil */
.holder-info-perfil {background-color: #fff;padding:70px 0;}
.holder-perfil-activities {background-color: #FAFAFA;padding:35px 0;}
    .holder-perfil-activities .panel {box-shadow: 1px 1px 2px #c9c9c9}
    .vaa-profile-boxes .panel .panel-header{padding:0 20px;}
    .vaa-profile-boxes .panel .panel-header h2{font-size:22px; font-weight: 400;color:#383838;padding-bottom:20px;border-bottom: 1px solid #e8e8e8;}
    .vaa-friends-all{color:#0A7DD8;font-size:16px;float:right;}
    .vaa-performance-row {padding:20px 0;border-bottom: 1px solid #e8e8e8;font-size:17px;}
    .vaa-performance .panel-body{padding: 0 35px;}
    .vaa-performance-row strong {font-size:24px;font-weight: 600;}
    .vaa-user-profile-wrap .img-picture
    .vaa-friend-link img {width:140px;border-radius: 50%;}
.vaa-user-profile-info h1{font-family: "Open Sans", sans-serif;font-size:30px;font-weight:600;color:#494948;margin-top:20px;}
.vaa-user-profile-info p{font-family: "Open Sans", sans-serif;font-size:16px;font-weight:400;color:#494949;}
.vaa-add-friend-wrap {padding-top:30px;}
.feed-entries-wrapper {padding:0 20px 30px;background: #F1F1F1;}
    .feed-entries-wrapper>h3{margin:0 0 20px;padding:20px 0;border-bottom:1px solid #D2DFEB;}

.vaa-modal-login{width:340px;margin:-222px auto 0 -170px;position:absolute;top:50%;left:50%;}
    .modal-dialog-close {  position: absolute; top:5px; left:20px; cursor: pointer;}
.vaa-friend-link img{border-radius: 50%;}
.vaa-form-v2{}
    .vaa-form-v2 label{color:#5C5C5C;font-size:17px;font-weight:400;}
    .vaa-form-v2 input[type=text],
    .vaa-form-v2 input[type=email],
    .vaa-form-v2 input[type=number],
    .vaa-form-v2 input[type=password]{border:0 none;border-bottom:1px solid #BFBFBF;box-shadow:none;}
    .vaa-form-v2 input:focus,
    .vaa-form-v2 input:active {border-color:#0A7DD8;box-shadow: none;}
    .vaa-form-v2 .holder-radio [type=radio] {margin-left: 1px;}

.vaa-form-v2 .error-validate {color:#FF0000;font-size: 13px;}
.vaa-search-content {padding:20px 0}
.vaa-search-content .aluno .nome a{color: #686868; font-size:20px;font-weight: 600;}
.feed-entry-more span,
.mais_resultados span{display:none;}
.vaa-search-tabs .nav a,
.vaa-search-tabs>.nav>li>a{font-size: 17px;font-weight: 700;color: #E63D35;border-top:0;border-left:0;border-right:0;border-bottom:2px solid transparent;margin-bottom: 0;}
.vaa-search-tabs>.nav>li>a:active,
.vaa-search-tabs>.nav>li>a:focus,
.vaa-search-tabs>.nav>li>a:visited,
.vaa-search-tabs>.nav>li.active>a,
.vaa-search-tabs>.nav>li.active>a:focus,
.vaa-search-tabs>.nav>li.active>a:active,
.vaa-search-tabs>.nav>li.active>a:hover,
.vaa-search-tabs>.nav>li>a:hover,
.vaa-search-tabs>.nav>li.active>a:visited
{border-top:0;border-left:0;border-right:0;border-bottom:2px solid #2D95ED;color: #E63D35;outline:none;margin-bottom:0;}
.vaa-search-tabs>.nav>li>a:hover,
.vaa-search-tabs>.nav>li.active>a:hover {opacity:.7;}

#vaa-no-result-search{font-size:17px;font-weight: 400; color: #5f5f5f;text-align: center;padding:30px 0}

#loading {font-weight: 600; font-size:25px; color: #2d95ED;}
/* chat */
.vaa-chat {background: #f2f2f2;border:1px solid #f3f3f3;box-shadow: -2px 2px 4px rgba(0,0,0,.5);height:458px;}
    .vaa-chat-heading{padding:15px;border-bottom:1px solid #E8E8E8;}
        .vaa-chat-title {font-size:20px; color:#666; font-weight:400;margin:0;line-height:27px;}
    .vaa-chat-body {padding:0 15px;height:380px; overflow-y: scroll;overflow-x: hidden;}
        .vaa-chat-row{background: #F7F7F7;border-bottom:1px solid #E8E8E8;padding:15px 0;}
            .vaa-chat-friend{color:#0A7DD8;font-weight:600;font-size:16px;letter-spacing: -0.8px;}
            .vaa-chat-time {font-size:13px;color:#383838;font-weight: 400;text-align: right;}
            .vaa-chat-message{font-size:13px;}
        .vaa-chat-row:hover,
        .vaa-chat-row.hover{background: #fff;cursor: pointer;}
        .vaa-chat-row .col-xs-3 img{border-radius: 50%;}
    .vaa-chat-footer{}
.vaa-active-chat {background: #fff;border:1px solid #f3f3f3; box-shadow: 0 2px 4px rgba(0,0,0,.5); margin-left: -30px;padding-left: 15px;height:458px;}
    .vaa-active-chat-heading{border-bottom:4px solid rgba(0,0,0,.2);margin-left:-16px;padding: 15px;margin-right:-1px;}
        .vaa-chat-active-target{font-size:17px; font-weight:400;color:#383838;margin:0;line-height:27px;}
        .vaa-active-chat-heading .status{background: #7ED321;padding:6px; border-radius: 50%; display: inline-block;}
        .vaa-active-chat-heading .status.off{background: #ccc;}
    .vaa-active-chat-body{height:285px; overflow-y: scroll;overflow-x: hidden;}
        .vaa-active-chat-row{padding:15px 0;}
            .vaa-active-chat-sender a,
            .vaa-active-chat-sender{color:#0A7DD8;font-size:18px;font-weight: 600;letter-spacing: -0.9px;}
            .vaa-active-chat-message{font-size:15px;line-height: 20px;color:#383838;}
            .vaa-active-chat-time{font-size:15px;color:#7e7e7e;}
    .vaa-active-chat-footer{padding:15px;margin-left:-15px;position: relative;}
        .vaa-active-chat-loading{position: absolute;top:-10px;left:50%;text-align: center;display: none;}
        .vaa-active-chat-footer textarea{border:1px solid #E8E8E8; width:100%;height:80px;}
    .vaa-chat-ws{position: fixed; bottom:0; left:0; width:100%;height:10px;clear:both;padding:0 15px; z-index:9998;overflow: visible; background: red;}
.vaa-chatbox{width:230px;bottom:0; right:30px; box-shadow: -2px -2px 10px 0px rgba(0,0,0,0.4);position: absolute;}
    .vaa-chatbox-heading{background: #2690EB;color:#FFF; font-weight:700;padding: 15px;font-size:16px;letter-spacing: -0.8px;line-height: 22px;}
    .vaa-chatbox-heading .cmd{font-size:20px; line-height: 22px;}
    .vaa-chatbox-body{height:250px;background:#fff;padding: 0 15px;overflow-x: hidden;overflow-y: scroll;}
        .vaa-chatbox-row{padding:5px 0;font-size: 14px; font-weight: 600;line-height: 40px;}
        .vaa-chatbox-row:hover{background: #e1f0fA;cursor: pointer;}
    .vaa-chatbox-footer{height:2px;background: #FFF;}
.vaa-active-chatbox{box-shadow: -2px -2px 10px 0px rgba(0,0,0,0.4);width:230px;right:275px;bottom:0;position: absolute;}
    .vaa-active-chatbox-heading{background: #2690EB;color:#FFF; font-weight:700;padding: 15px;font-size:16px;letter-spacing: -0.8px;line-height: 22px;}
        .vaa-active-chatbox-heading .status{background: #7ED321;padding:6px; border-radius: 50%; display: inline-block;margin-right: 5px;}
        .vaa-active-chatbox-heading .status.off{background: #ccc;}
    .vaa-active-chatbox-body{height:200px;background:#E1F0FA;padding: 0 15px;overflow-x: hidden;overflow-y: scroll;}
    .vaa-active-chatbox-footer{border-top:1px solid #ccc;background: #fff;padding:1px;}
    .vaa-active-chatbox-footer textarea{height:50px;width:100%;border-color: transparent;}

    .vaa-remove-chat{color: #FFF; font-weight: 400;}
    .vaa-chat-theirs{font-size:13px; background: #FFF;padding:10px;border-radius:10px;margin:4px auto 10px;}
    .vaa-chat-mine{font-size:13px; background: #C3E9FA;padding:10px;border-radius:10px;margin:4px auto 10px;}
    /* yay */
        #vaa-chat-windows .vaa-active-chatbox:nth-child(1){right:275px;}#vaa-chat-windows .vaa-active-chatbox:nth-child(2){right:520px;}
        #vaa-chat-windows .vaa-active-chatbox:nth-child(3){right:765px;}#vaa-chat-windows .vaa-active-chatbox:nth-child(4){right:1010px;}
        #vaa-chat-windows .vaa-active-chatbox:nth-child(5){right:1255px;}#vaa-chat-windows .vaa-active-chatbox:nth-child(6){right:1500px;}

.vaa-chat-icon {border-radius: 50%;border:3px solid;width:80px;height:80px;margin:0 auto;max-width:100%;background-size: cover;background-repeat: none;}
/* */
.vaa-chat-friend { display:block; max-width:100%; white-space: nowrap; padding-right:5px; overflow: hidden;}
/* medias */

.quebralinha{
    word-wrap: break-word;
    white-space: unset !important;
    width: 100%;
}

.liscroll{
    overflow-y: auto;
    max-height: 450px;
    width: 230px;
}

.menu-logado li{
    width: auto;
}

@media screen and (max-width: 575px) {
    .col-5{width:50%;}
    .xs-clear{clear:left;}

}
@media (max-width: 767px) {
    .sm-clear{clear:left;}
    .vaa-active-chat {margin-left:0;}
}
@media (min-width: 991px) { .md-clear{clear:left;} }


/* html[data-theme='light'] {
    --hue: 210;
    --text-color-normal: hsl(var(--hue), 77%, 17%);
    --background: #eef4f7;
    --text-color-normal: #0a244d;
    --text-color-light: #8cabd9;
    background: var(--background);
    color: var(--text-color-normal);
}
html[data-theme='dark'] {
    --hue: 210;
    --accent-hue: 25;
    --text-color-normal: hsl(var(--hue), 10%, 62%);
    --text-color-light: hsl(var(--hue), 15%, 35%);
    --text-color-richer: hsl(var(--hue), 50%, 72%);
    --text-color-highlight: hsl(var(--accent-hue), 70%, 45%);
    --link-color: hsl(var(--hue), 90%, 70%);
    --accent-color: hsl(var(--accent-hue), 100%, 70%);
    --error-color: rgb(240, 50, 50);
    --button-background: hsl(var(--hue), 63%, 43%);
    --button-text-color: black;
    --background: hsl(var(--hue), 20%, 12%);
    background: var(--background);
    color: var(--text-color-normal);
} */