:root{--dark: #121316;--sec-dark: #1e1f26;--light: #FFF;--sec-light: #EEE;--main-color: #6E5CE2;--sec-color: #00D8FF;--gradient: var(--main-color);--border-gradient: -webkit-linear-gradient(130deg,var(--main-color), var(--sec-color) 76.05%)}.dark{--dark: #FFF;--sec-dark: #EEE;--light: #121316;--sec-light: #1e1f26;--sec-color: #6E5CE2;--main-color: #00D8FF;--gradient: var(--main-color);--border-gradient: -webkit-linear-gradient(130deg,#ff7a18,#af002d 41.07%,#319197 76.05%)}.primary-text{color:var(--main-color)}.bg-sec{background-color:var(--sec-light)}.my-btn{background:var(--dark);color:var(--light);-webkit-transition:.5s;transition:.5s}.my-btn:hover{background-color:var(--sec-dark);color:var(--sec-light)}.logo{font-weight:bold;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@-webkit-keyframes movTopBottom{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes movTopBottom{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes TypingEffect{0%{opacity:0}100%{opacity:1}}@keyframes TypingEffect{0%{opacity:0}100%{opacity:1}}nav{background-color:var(--sec-light)}nav .navbar-brand{color:var(--main-color)}nav ul li a.nav-link{color:var(--dark);position:relative}nav ul li a.nav-link:hover{color:var(--main-color)}nav ul li a.nav-link:hover::after{width:100%}nav ul li a.nav-link::after{-webkit-transition:.5s;transition:.5s;position:absolute;content:"";bottom:0;left:0;width:0%;height:1px;background:var(--border-gradient)}nav ul li a.nav-link:focus{color:var(--main-color)}nav i{color:var(--main-color)}.main{background-color:var(--light);color:var(--dark)}.main img{-webkit-animation:movTopBottom infinite 4s ease-in-out;animation:movTopBottom infinite 4s ease-in-out}.main #webPath{position:relative}.main #webPath::after{position:absolute;content:"";height:80%;width:2px;right:-5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--main-color);-webkit-animation:TypingEffect infinite .3s ease;animation:TypingEffect infinite .3s ease}.mailing{background:var(--main-color);color:var(--light)}.mailing .input-group{width:50%}@media (max-width: 768px){.mailing .input-group{width:100%}}.card{border:none;position:relative;-webkit-transition:.6s;transition:.6s;background-color:var(--sec-light)}.card:hover{-webkit-transform:rotate(2deg);transform:rotate(2deg);color:#FFF}.card::after{position:absolute;content:"";width:calc(100% + 5px);height:calc(100% + 5px);background:var(--border-gradient);z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.card .card-img{height:12rem;overflow:hidden;position:relative}.card .card-img i{position:absolute;width:100%;font-size:10rem;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.article h1{color:var(--main-color)}footer{background:var(--sec-light)}footer a{text-decoration:none;color:var(--dark)}footer ul li{margin:10px 0}body{background-color:var(--light);color:var(--dark)}img{max-width:100%}p{line-height:1.8}