:root{
    --main: #4759FA;
}
h1{letter-spacing: -0.7px; line-height: 86.1%; font-weight: 800;}
h1 span{color: var(--main);}
p{color: rgba(0, 0, 0, 0.6); line-height: 92.1%; /* 20.262px */
  letter-spacing: -0.44px; font-weight: 400;}
a{cursor: none;}

.outline{
    width: 15px;
    height: 15px;
    border-radius: 100%;
    background: var(--main);
    position: fixed;
    top: 0;left: 0;
    z-index: 99999999;
    mix-blend-mode: difference;
    transform: translate(-64px, -64px);
    transition: all 0.2s cubic-bezier(.215, .61, .355, 1);
    pointer-events: none;
}
.outline.hover{mix-blend-mode:color-burn; border: 2px solid var(--main); width: 70px; height: 70px;}

.cursor{
    width: 0px;height: 0px;
    border-radius: 100%;
    background: #000;
    position: fixed;
    top: 0;left: 0;
    z-index: 9999999;
    transform: translate(-8px, -8px);
    pointer-events: none;
}

@media (max-width: 768px) {
    .outline{display: none;}
    .cursor{display: none;}
    body{cursor: auto;}
}

article{padding: 140px; color: #252525; padding-left: 200px; padding-top: 120px;}
h6{font-size: 1.2rem !important; font-weight: 400; transform: translateY(-30px); color: rgba(0, 0, 0, 0.4);}
h5{font-size: 1rem !important; font-weight: 400; color: rgba(0, 0, 0, 0.4); transform: translateY(-65px);}
p{font-size: 1.2rem !important; font-weight: 300; padding-right: 19rem; letter-spacing: 0.80px;}
p span{font-weight: 400; color: rgba(0, 0, 0, 0.7); text-shadow: 0 5px 20px rgba(0,0,0,.05);}
h1{font-size: 4.5rem !important; padding-right: 20%; font-weight: 600; padding-bottom: -5px; border-left: 8px solid var(--main); padding-left: 10px;}
h2{font-size: 3rem !important; font-weight: 500; text-shadow: 0 5px 20px rgba(0,0,0,.1.5); color: #252525;}
h2 span{color: var(--main); font-size: 4.5rem !important;}
.trl{transform: translateY(-50px);}

footer{width: 70%; margin-left: 15%; height: 50vh;}
footer h1{text-align: center; padding-right: 0px !important; border-left: 0px solid #000; font-size: 3.7rem !important; text-transform: uppercase; color: var(--main); font-weight: 700;}
.button { 
    text-transform: uppercase;background: rgb(113,127,255);
    background: linear-gradient(-385deg, rgba(113,127,255,1) 0%, rgba(0,25,247,1) 72%); color:#fff;
    text-decoration: none;padding: 23px 70px !important; display: inline-block; font-size: 18px; margin-left: 35%;
    font-weight: 700; letter-spacing: 1px;  transition: all 0.5s cubic-bezier(.215, .61, .355, 1); opacity: 0.9; cursor: none; font-weight: 900;
  }
  .button:hover{letter-spacing: 1.8px; opacity: 1;}
  

@media (max-width: 768px) {
  article{padding: 10px; padding-top: 50px !important;}
  h1{font-size: 2.7rem !important; padding-right: 0px;}
  h2 span{font-size: 3.5rem !important;}
  h2{font-size: 2.3rem !important; }
  p{padding-right: 0rem; font-size: 1.2rem !important; width: 100% !important;}
  footer{width: 100%; margin-left: 0;}
  footer h1{font-size: 1.7rem !important;}
  .button{margin-left: 15% !important;}
}

.italic{font-style: italic !important; font-family: 'Poppins' !important;}