.elementor-599 .elementor-element.elementor-element-0818560:not(.elementor-motion-effects-element-type-background), .elementor-599 .elementor-element.elementor-element-0818560 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4D1BD4;}.elementor-599 .elementor-element.elementor-element-0818560{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 120px 0px;}.elementor-599 .elementor-element.elementor-element-0818560 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-599 .elementor-element.elementor-element-bdbc6d8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-bdbc6d8{text-align:center;}.elementor-599 .elementor-element.elementor-element-bdbc6d8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-599 .elementor-element.elementor-element-401ee1d{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-599 .elementor-element.elementor-element-a732a35:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-599 .elementor-element.elementor-element-a732a35 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FB1358;}.elementor-599 .elementor-element.elementor-element-a732a35 > .elementor-element-populated, .elementor-599 .elementor-element.elementor-element-a732a35 > .elementor-element-populated > .elementor-background-overlay, .elementor-599 .elementor-element.elementor-element-a732a35 > .elementor-background-slideshow{border-radius:40px 40px 40px 40px;}.elementor-599 .elementor-element.elementor-element-a732a35 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:40px 40px 40px 40px;}.elementor-599 .elementor-element.elementor-element-a732a35 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-599 .elementor-element.elementor-element-9c87724 .elementor-icon-wrapper{text-align:center;}.elementor-599 .elementor-element.elementor-element-e31d2c0{text-align:center;}.elementor-599 .elementor-element.elementor-element-e04c5d0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-599 .elementor-element.elementor-element-e04c5d0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FB1358;}.elementor-599 .elementor-element.elementor-element-e04c5d0 > .elementor-element-populated, .elementor-599 .elementor-element.elementor-element-e04c5d0 > .elementor-element-populated > .elementor-background-overlay, .elementor-599 .elementor-element.elementor-element-e04c5d0 > .elementor-background-slideshow{border-radius:40px 40px 40px 40px;}.elementor-599 .elementor-element.elementor-element-e04c5d0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:40px 40px 40px 40px;}.elementor-599 .elementor-element.elementor-element-e04c5d0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-599 .elementor-element.elementor-element-b80f7fa .elementor-icon-wrapper{text-align:center;}.elementor-599 .elementor-element.elementor-element-dd79a70{text-align:center;}.elementor-599 .elementor-element.elementor-element-7cb8a3d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-599 .elementor-element.elementor-element-7cb8a3d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FB1358;}.elementor-599 .elementor-element.elementor-element-7cb8a3d > .elementor-element-populated, .elementor-599 .elementor-element.elementor-element-7cb8a3d > .elementor-element-populated > .elementor-background-overlay, .elementor-599 .elementor-element.elementor-element-7cb8a3d > .elementor-background-slideshow{border-radius:40px 40px 40px 40px;}.elementor-599 .elementor-element.elementor-element-7cb8a3d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:40px 40px 40px 40px;}.elementor-599 .elementor-element.elementor-element-7cb8a3d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-599 .elementor-element.elementor-element-f5117a7 .elementor-icon-wrapper{text-align:center;}.elementor-599 .elementor-element.elementor-element-b422467{text-align:center;}.elementor-599 .elementor-element.elementor-element-29133b6 > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-4ac9225{margin-top:100px;margin-bottom:100px;}.elementor-599 .elementor-element.elementor-element-f1a1b40 > .elementor-element-populated, .elementor-599 .elementor-element.elementor-element-f1a1b40 > .elementor-element-populated > .elementor-background-overlay, .elementor-599 .elementor-element.elementor-element-f1a1b40 > .elementor-background-slideshow{border-radius:18px 18px 18px 18px;}.elementor-599 .elementor-element.elementor-element-f1a1b40 > .elementor-element-populated{box-shadow:-15px 20px 60px 0px rgba(94.00000000000001, 59.00000000000004, 237.99999999999997, 0.28);}.elementor-599 .elementor-element.elementor-element-9251905 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-9251905{text-align:center;}.elementor-599 .elementor-element.elementor-element-9251905 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-599 .elementor-element.elementor-element-3ac7acb > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 30px 10px 30px;}.elementor-599 .elementor-element.elementor-element-d8af56e > .elementor-element-populated{padding:0px 50px 0px 100px;}.elementor-599 .elementor-element.elementor-element-9724b2e{text-align:center;}.elementor-599 .elementor-element.elementor-element-9724b2e .elementor-heading-title{color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-599 .elementor-element.elementor-element-fd467c3:not(.elementor-motion-effects-element-type-background), .elementor-599 .elementor-element.elementor-element-fd467c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-599 .elementor-element.elementor-element-fd467c3, .elementor-599 .elementor-element.elementor-element-fd467c3 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-fd467c3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-599 .elementor-element.elementor-element-fd467c3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-599 .elementor-element.elementor-element-652a74e > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-652a74e{text-align:left;}.elementor-599 .elementor-element.elementor-element-652a74e img{max-width:43%;}.elementor-599 .elementor-element.elementor-element-3630992 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 50px 0px 30px;}.elementor-599 .elementor-element.elementor-element-3630992{text-align:left;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-599 .elementor-element.elementor-element-904d9ac > .elementor-widget-container{margin:30px 0px 0px 50px;}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(14px/2);}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(14px/2);}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(14px/2);margin-left:calc(14px/2);}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-14px/2);margin-left:calc(-14px/2);}body.rtl .elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-14px/2);}body:not(.rtl) .elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-14px/2);}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-599 .elementor-element.elementor-element-904d9ac{--e-icon-list-icon-size:24px;--icon-vertical-offset:0px;}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-item > .elementor-icon-list-text, .elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-599 .elementor-element.elementor-element-12f6a3c{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-599 .elementor-element.elementor-element-12f6a3c .elementor-widget-container{text-align:left;}.elementor-599 .elementor-element.elementor-element-12f6a3c > .elementor-widget-container{margin:0px 0px 0px 40px;}.elementor-599 .elementor-element.elementor-element-12f6a3c .elementor-social-icon{background-color:#000000;}@media(max-width:1024px){.elementor-599 .elementor-element.elementor-element-f1a1b40 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:0px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-d8af56e > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-599 .elementor-element.elementor-element-0818560{padding:50px 0px 50px 0px;}.elementor-599 .elementor-element.elementor-element-bdbc6d8 .elementor-heading-title{font-size:32px;}.elementor-599 .elementor-element.elementor-element-a732a35 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-599 .elementor-element.elementor-element-e04c5d0 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-599 .elementor-element.elementor-element-7cb8a3d > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-599 .elementor-element.elementor-element-29133b6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-9251905 > .elementor-widget-container{padding:20px 20px 0px 20px;}.elementor-599 .elementor-element.elementor-element-d8af56e > .elementor-element-populated{margin:60px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-599 .elementor-element.elementor-element-9724b2e > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-599 .elementor-element.elementor-element-652a74e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-652a74e{text-align:center;}.elementor-599 .elementor-element.elementor-element-3630992 > .elementor-widget-container{margin:10px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-3630992{text-align:center;font-size:14px;}.elementor-599 .elementor-element.elementor-element-904d9ac > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(14px/2);}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(14px/2);}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(14px/2);margin-left:calc(14px/2);}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-14px/2);margin-left:calc(-14px/2);}body.rtl .elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-14px/2);}body:not(.rtl) .elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-14px/2);}.elementor-599 .elementor-element.elementor-element-904d9ac{--e-icon-list-icon-size:20px;}.elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-item > .elementor-icon-list-text, .elementor-599 .elementor-element.elementor-element-904d9ac .elementor-icon-list-item > a{font-size:14px;}.elementor-599 .elementor-element.elementor-element-12f6a3c .elementor-widget-container{text-align:center;}.elementor-599 .elementor-element.elementor-element-12f6a3c > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-599 .elementor-element.elementor-element-95ac8d9{width:100%;}}/* Start custom CSS for html, class: .elementor-element-29133b6 */body {
   margin: 0;
}

.about {
   $cubic: cubic-bezier(0.64, 0.01, 0.07, 1.65);
   $transition: 0.6s $cubic;
   $size: 40px;
   position: fixed;
   z-index: 10;
   bottom: 10px;
   right: 10px;
   width: $size;
   height: $size;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
   transition: all 0.2s ease;

   .bg_links {
      width: $size;
      height: $size;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(#fff, 0.2);
      border-radius: 100%;
      backdrop-filter: blur(5px);
      position: absolute;
   }

   .logo {
      width: $size;
      height: $size;
      z-index: 9;
      background-image: url(https://rafaelalucas91.github.io/assets/codepen/logo_white.svg);
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: 10px 7px;
      opacity: 0.9;
      transition: all 1s 0.2s ease;
      bottom: 0;
      right: 0;
   }

   .social {
      opacity: 0;
      right: 0;
      bottom: 0;

      .icon {
         width: 100%;
         height: 100%;
         background-size: 20px;
         background-repeat: no-repeat;
         background-position: center;
         background-color: transparent;
         display: flex;
         transition: all 0.2s ease, background-color 0.4s ease;
         opacity: 0;
         border-radius: 100%;
      }

      &.portfolio {
         transition: all 0.8s ease;

         .icon {
            background-image: url(https://rafaelalucas91.github.io/assets/codepen/link.svg);
         }
      }

      &.dribbble {
         transition: all 0.3s ease;
         .icon {
            background-image: url(https://rafaelalucas91.github.io/assets/codepen/dribbble.svg);
         }
      }

      &.linkedin {
         transition: all 0.8s ease;
         .icon {
            background-image: url(https://rafaelalucas91.github.io/assets/codepen/linkedin.svg);
         }
      }
   }

   &:hover {
      width: 105px;
      height: 105px;
      transition: all $transition;

      .logo {
         opacity: 1;
         transition: all 0.6s ease;
      }

      .social {
         opacity: 1;

         .icon {
            opacity: 0.9;
         }

         &:hover {
            background-size: 28px;
            .icon {
               background-size: 65%;
               opacity: 1;
            }
         }

         &.portfolio {
            right: 0;
            bottom: calc(100% - 40px);
            transition: all 0.3s 0s $cubic;
            .icon {
               &:hover {
                  background-color: #698fb7;
               }
            }
         }

         &.dribbble {
            bottom: 45%;
            right: 45%;
            transition: all 0.3s 0.15s $cubic;
            .icon {
               &:hover {
                  background-color: #ea4c89;
               }
            }
         }

         &.linkedin {
            bottom: 0;
            right: calc(100% - 40px);
            transition: all 0.3s 0.25s $cubic;
            .icon {
               &:hover {
                  background-color: #0077b5;
               }
            }
         }
      }
   }
}

.wrapper {
   width: 100vw;
   margin: 0 auto;
   height: 400px;
   background-color: #161616;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
   .wrapper {
      height: 700px;
   }
}

.content {
   max-width: 1024px;
   width: 100%;
   padding: 0 4%;
   padding-top: 0px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
}

@media screen and (max-width: 767px) {
   .content {
      padding-top: 10px;
      flex-direction: column;
   }
}

.card {
   width: 100%;
   max-width: 300px;
   min-width: 200px;
   height: 250px;
   background-color: #292929;
   margin: 10px;
   border-radius: 10px;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.24);
   border: 2px solid rgba(7, 7, 7, 0.12);
   font-size: 16px; 
   font-family: helvetica;
   transition: all 0.3s ease;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   cursor: pointer;
   transition: all 0.3s ease;
}

.icon {
   margin: 0 auto;
   width: 100%;
   height: 80px;
   max-width:80px;
   background: linear-gradient(90deg, #FF7E7E 0%, #FF4848 40%, rgba(0, 0, 0, 0.28) 60%);
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   transition: all 0.8s ease;
   background-position: 0px;
   background-size: 200px;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.card .title {
   width: 100%;
   margin: 0;
   text-align: center;
   margin-top: 30px;
   color: white;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 4px;
}

.card .text {
   width: 80%;
   margin: 0 auto;
   font-size: 13px;
   text-align: center;
   margin-top: 20px;
   color: white;
   font-weight: 200;
   letter-spacing: 2px;
   opacity: 0;
   max-height:0;
   transition: all 0.3s ease;
}

.card:hover {
   height: 270px;
}

.card:hover .info {
   height: 90%;
}

.card:hover .text {
   transition: all 0.3s ease;
   opacity: 1;
   max-height:40px;
}

.card:hover .icon {
   background-position: -120px;
   transition: all 0.3s ease;
}

.card:hover .icon i {
   background: linear-gradient(90deg, #FF7E7E, #FF4848);
   -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
   opacity: 1;
   transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9724b2e */.center-contact-text {
    margin: auto!important;
}/* End custom CSS */