.background,body{background-color:var(--background-color)}.counters .counter-item .counter,.logo p{font-size:28px}:root,[data-bs-theme=dark]{--background-color:#000000;--text-color:#b4b4b4;--header-border-color:#808080;--logo-color:#ffffff;--menu-nav-menuicon-color:#ffffff;--menu-nav-color:#ffffff;--menu-nav-hcolor:#2775fb;--menu-nav-border-color:#2775fb;--footer-color:#ffffff;--footer-border-color:#808080;--divider-color:#2775fb;--slogan-header-color:#2775fb;--service-title-color:#2775fb;--service-description-color:#ffffff;--about-item-border-color:#2775fb;--about-title-color:#2775fb;--about-description-color:#ffffff;--contact-background-color:#2775fb;--contact-icon-border-color:#2775fb;--contact-text-color:#b4b4b4;--contact-form-label-color:#b4b4b4;--contact-form-label-backgound-color:#111111;--contact-form-label-border-color:#2775fb;--contact-form-input-color:#ffffff;--contact-form-input-backgound-color:#111111;--contact-form-input-border-color:#2775fb;--contact-form-input-boxshadow-color:#2775fb}body{color:var(--text-color)}.background{background-image:url("/img/background.webp");background-position-x:center;background-repeat:no-repeat}.logo{text-decoration:none;display:flex;justify-content:center;align-items:center}.logo img{height:32px;width:32px}.logo p{color:var(--logo-color);font-family:Audiowide;margin:0 5px}.navbar-toggler-icon .icon{border:solid var(--menu-nav-menuicon-color);border-width:0 5px 5px 0;display:inline-block;padding:5px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.navbar-toggler-icon.collapsed .icon{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.navbar-nav .nav-link{font-size:18px;color:var(--menu-nav-color);text-transform:capitalize;margin:0 5px;padding:.5rem;border-bottom:1px solid var(--menu-nav-border-color)}.navbar-nav .nav-link:hover{color:var(--menu-nav-hcolor)}.content{margin-top:20px}.footer{color:var(--footer-color);font-size:13px;border-top:1px solid;border-color:var(--footer-border-color)}.divider-line{margin:10px auto;width:50%;height:1px;background-image:linear-gradient(to right,var(--background-color),var(--divider-color),var(--background-color))}.counters,.counters .counter-item,.services .service-item{margin:30px 0}.slogan-title{color:var(--slogan-header-color)}.counters{text-align:center}.counters .counter-item p{font-size:22px;margin:0}.services .service-item .service-icon{width:100px;height:100px;background:url('/img/services.svg')}.services #SystemDevelopment.service-item .service-icon{background-position-x:0px}.services #WebDevelopment.service-item .service-icon{background-position-x:-100px}.services #ConsultingStrategy.service-item .service-icon{background-position-x:-200px}.services #SupportMaintenance.service-item .service-icon{background-position-x:-300px}.services #AppDevelopment.service-item .service-icon{background-position-x:-400px}.services #SEO.service-item .service-icon{background-position-x:-500px}.services .service-item .service-title{color:var(--service-title-color);font-size:22px}.services .service-item .service-description{margin-top:5px;color:var(--service-description-color);font-size:18px}.abouts .about-item{margin:30px auto;padding:10px;border:1px solid var(--about-item-border-color);border-radius:15px 50px}.abouts .about-title{color:var(--about-title-color);font-size:22px;margin-top:30px;margin-bottom:0}.abouts .about-description{display:block;color:var(--about-description-color);font-size:18px;margin-bottom:0}.contacts{max-width:600px;margin:0 auto;border:1px solid var(--contact-background-color);border-radius:15px 50px}.contacts .input-form{margin:20px auto;width:80%}.contacts .input-form .input-group-text{width:100px;color:var(--contact-form-label-color);background-color:var(--contact-form-label-backgound-color);border-color:var(--contact-form-label-border-color)}.contacts .input-form .form-control,.contacts .input-form .form-control:focus,.contacts .input-form .form-control:hover{color:var(--contact-form-input-color);background-color:var(--contact-form-input-backgound-color);border-color:var(--contact-form-input-border-color)}.contacts .input-form .form-control:focus{box-shadow:0 0 0 1px var(--contact-form-input-boxshadow-color)}.contacts .contact-item{margin:20px 0}.contacts .contact-item .contact-info{text-decoration:none;color:var(--contact-text-color)}.contacts .contact-item .contact-icon{height:25px;width:25px;background-color:var(--contact-icon-border-color);border-radius:50%;margin:3px auto}