/*! make use of the @media selector        go see this video to help  https://www.youtube.com/watch?v=yU7jJ3NbPdA  */#root{max-width:2560px;width:100%;margin:0;text-align:center;padding:0}:root{--bg: #242526;--bg-accent: #484a4d;--text-color: #dadce1;--nav-size: 60px;--border: solid 1px #474a4d;--border-radius: 8px;--speed: .5s}body::-webkit-scrollbar{display:none;padding:0;width:0px}.lightMode{background-color:#d3d3d3}.hidden_a_tag{text-decoration:none;color:#f0f}.components_container{margin-top:30px}.all_component{margin-bottom:150px}.all_component:last-child{margin-bottom:100px}.navbar{height:60px;width:100%;position:fixed;top:0;padding:10px 0;display:flex;align-items:center;justify-content:center;z-index:99999999999999}.navbar ul{background-color:#0000007f;display:flex;justify-content:space-around;align-items:center;color:#0ff;list-style:none;width:90%;font-size:40px;border:solid #00ffff 1px;border-radius:50px;margin:0;padding:0;opacity:1}.li_logo{height:100%;display:flex;justify-content:center;align-items:center}.navLogo{height:60px;margin:0}.navbar ul li:hover,.resume_a:hover{cursor:pointer;color:#f0f;border-bottom:#ff00ff solid 2px}.navbar{-webkit-animation:navbar 1s cubic-bezier(.25,.46,.45,.94) both;animation:navbar 1s cubic-bezier(.25,.46,.45,.94) both}.hideNavBar{-webkit-animation:hideNavBar 1s cubic-bezier(.55,.085,.68,.53) both;animation:hideNavBar 1s cubic-bezier(.55,.085,.68,.53) both;z-index:900}.resume_a{text-decoration:none;color:#0ff}.language{height:60px;margin:0}.language_div{display:flex;justify-content:center;align-items:center}.Go_to_animation{-webkit-animation:Go_to_animation 1s both;animation:Go_to_animation 1s both}.goTo_ul{display:flex;flex-direction:column;height:300px}.goTo_ul li p{border:0px none transparent;font-size:30px;margin:0}.dropDownGoTo{position:absolute;left:9%;width:250px;padding:10px}.dropDownLanguage{position:absolute;left:60.5%;width:250px;padding:10px}.dropDownSocials{position:absolute;left:80.5%;width:250px;padding:10px}.disabled{pointer-events:none;opacity:.1}.github_logo,.instagram_logo,.linkedIn_logo{height:50px;opacity:1}.github_logo{background-color:#fff;border-radius:45%}.instagram_logo{border-radius:40%}.linkedIn_logo{border-radius:50%}.side-bar{height:var(--nav-size);width:100%;padding:0;z-index:90000;position:fixed;top:0}.side-bar-ul{list-style:none;margin:0 15px 0 0;padding:0;max-width:100%;height:100%;display:flex;justify-content:flex-end}.side-bar-item{width:calc(var(--nav-size) * .8);display:flex;align-items:center;justify-content:center}.icon-button{--button-size: calc(var(--nav-size) * .5);width:var(--button-size);height:var(--button-size);background-color:#8f8f8f;border-radius:50%;border:solid #00ffff 2px;color:#0ff;padding:5px;margin:2px;display:flex;align-items:center;justify-content:center;transition:filter .3s;text-decoration:none}.icon-button:hover{filter:brightness(1.5)}.side-bar-p{color:var(--text-color);text-decoration:none}.dropDown_item{height:50px;display:flex;align-items:center;border-radius:var(--border-radius);transition:background var(--speed);padding:.5rem;z-index:90000;color:#0ff;text-decoration:none}.side-bar-dropDown{position:absolute;top:58px;width:300px;transform:translate(-45%);background-color:var(--bg);border:var(--border);border-radius:var(--border-radius);padding:1rem;overflow:hidden;z-index:90000;transition:height var(--speed) ease}.dropDown_item:hover{background-color:#525357;cursor:pointer}.drop_down_a{text-decoration:none;color:#dadce1}.icon-right{margin-left:auto}.menu-primary-enter{position:absolute;transform:translate(-110%)}.menu-primary-enter-active{transform:translate(0);transition:all var(--speed) ease}.menu-primary-exit{position:absolute}.menu-primary-exit-active{transform:translate(-110%);transition:all var(--speed) ease}.menu-secondary-enter{transform:translate(110%)}.menu-secondary-enter-active{transform:translate(0);transition:all var(--speed) ease}.menu-secondary-exit-active{transform:translate(110%);transition:all var(--speed) ease}.welcome{max-width:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin:0 0 30px}.welcomeLeft{max-height:100%;max-width:1000px;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.welcomeMessage,.welcome_a_tag{padding:10px;text-align:left;font-size:60px;color:#0ff;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.welcomeMessage_animation{animation:slideFromTop 2s ease 0s 1 normal none}.subheader{width:100%;color:#add8e6}.subheader_message{font-size:30px;width:90%;color:#add8e6;opacity:0;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.subheader_animation{animation:slideFromLeft 3s ease 1.5s forwards}.welcomeBtn{width:100%;display:flex;justify-content:space-around;align-items:center;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.btn_welcome{height:70px;width:200px;font-size:25px;color:#f0f;background-color:transparent;border:solid 2px #ff00ff;opacity:0;filter:blur(5px);display:flex;justify-content:center;align-items:center;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.btn_welcome:hover{color:#f43c71;background-color:#f8d3e1;transform:translateY(-10px)}.btn_welcome:nth-child(1){border-radius:50px 0 0 50px/50px 0px 0px 50px;border-right:0px;animation:show 1s ease 1.5s normal forwards}.btn_welcome:nth-child(2){border-left:0px;border-right:0px;animation:show 1s ease 2s normal forwards}.btn_welcome:nth-child(3){border-left:0px;border-right:0px;animation:show 1s ease 2.5s normal forwards}.btn_welcome:nth-child(4){border-top-right-radius:50px;border-bottom-right-radius:50px;border-left:0px;animation:show 1s ease 3s normal forwards}.welcomeRight{max-height:100%;max-width:500px;display:flex;justify-content:end;align-items:center;flex-direction:column;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.logo{height:500px;opacity:0;animation:popIn 3s ease 4s forwards;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.welcomeRight p{margin:0;font-size:small;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.subtext{animation:show 1s ease 6.5s normal forwards;opacity:0;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo{width:100%;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_top{width:100%;height:100px;display:flex;justify-content:center;align-items:center;border:#00ffff solid 2px;background-color:#0ff;opacity:0;margin-bottom:50px;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_top_text{color:#242424;height:100%;width:100%;display:flex;justify-content:center;align-items:center;opacity:0;filter:blur(5px);font-size:60px;margin:0;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_top_animation{animation:slideFromLeft 1.5s ease forwards}.whatIDo_top_tex_animation{animation:slideFromRight 1.5s ease 1s forwards}.whatIDo_middle{display:flex;width:100%;height:50%;justify-content:center;align-content:center;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_middle h1{font-size:35px;color:#0ff;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_middle p{display:inline-block;max-width:800px;text-align:center;color:#add8e6;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_left{flex:1;opacity:0;margin:30px;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_right{flex:1;margin:30px;opacity:0;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_left_animation{animation:show 2s ease 2s forwards}.whatIDo_right_animation{animation:show 2s ease 2.5s forwards}.whatIDo_bottom{max-width:100%;margin-top:30px;opacity:0;display:flex;justify-content:center;flex-direction:column;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_bottom h1{margin-top:0;font-size:35px;color:#0ff;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.whatIDo_bottom div{display:flex;justify-content:center}.whatIDo_bottom p{color:#add8e6;max-width:800px}.whatIDo_bottom_animation{animation:show 2s ease 3s forwards}.tool_container{width:100%;height:700px;margin:20px 0 40px;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.title{opacity:0;filter:blur(5px);color:#0ff;font-size:60px;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.title_animation{animation:scaleDown 2s ease forwards}.tool_container a{color:#fff;text-decoration:none;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.tools{width:100%;height:90%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.tech_logos{width:100px;height:100px;opacity:0;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.tech_logos:hover{cursor:pointer}.languages,.frameworks_libraries,.databases{width:80%;display:inherit;justify-content:space-around;align-items:center;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.logo_animation_1{animation:scaleDown2 2s linear 2s forwards}.logo_animation_2{animation:scaleDown2 2s linear 2.5s forwards}.logo_animation_3{animation:scaleDown2 2s linear 3s forwards}.project{width:100%;margin:40px 0;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.header{color:#0ff;font-size:60px}.project_tittle_hide{opacity:0;filter:blur(5px);transform:translate(100px)}.project_tittle:nth-child(1){animation:show 4s forwards}.project_tittle:nth-child(2){animation:show 3.5s forwards}.project_tittle:nth-child(3){animation:show 3s forwards}.project_tittle:nth-child(4){animation:show 2.5s forwards}.project_tittle:nth-child(5){animation:show 2s forwards}.project_tittle:nth-child(6){animation:show 1.5s forwards}.project_tittle:nth-child(7){animation:show 1s forwards}.project_tittle:nth-child(8){animation:show .5s forwards}.project_tittle:nth-child(9){animation:show .01s forwards}.project_container{display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;max-height:800px;max-width:100%;transition:flex-direction 2s;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.options{display:flex;justify-content:center;flex-direction:row;align-items:stretch;overflow:hidden;width:80%;max-width:1400px;height:800px;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.option{position:relative;overflow:hidden;max-width:80px;margin:10px;background:var(--optionBackground, var(--defaultBackground, #e6e9ed));border:#242424 solid 2px;background-size:auto 200%;background-position:center;cursor:pointer;transition:1s cubic-bezier(.05,.61,.41,.95);transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.option:nth-child(1){--defaultBackground: #ed5565}.option:nth-child(2){--defaultBackground: #fc6e51}.option:nth-child(3){--defaultBackground: #ffce54}.active{flex-grow:1;transform:scale(1);max-width:90%;margin:0;border-radius:40px;background-size:auto 100%;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.option.active .label{bottom:20px;left:20px}.option.active .label .info>div{left:0;opacity:1;color:#fff;background-color:#242424}.option:not(.active){flex-grow:1;border-radius:30px}.option:not(.active) .label{top:90%;left:15%}.option:not(.active) .label .info>div{left:15%;opacity:0}.label{display:flex;position:absolute;right:0%;transition:.5s cubic-bezier(.05,.61,.41,.95)}.icon{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:50px;max-width:50px;height:50px;border-radius:100%;background-color:#242424;color:var(--defaultBackground)}.icon img{background-color:#fff;opacity:1;width:100%;border-radius:50px}.icon img:hover{filter:brightness(2)}.info{display:flex;flex-direction:column;justify-content:center;margin-left:10px;color:#000;font-weight:700}.main h1,.sub p{margin:0}.card_project{display:flex;flex-direction:column;justify-content:space-around;height:500px;width:400px;margin:0;border:lightblue solid 2px;opacity:0;text-decoration:none}.card_project img{width:100%;height:200px;opacity:0;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.eye{background-color:#fff;z-index:3;color:#fff}.card_project h1{color:#333;background-color:#0ff;font-size:25px;transition:width 1s,min-width 1s,height 1s,min-height 1s,font-size .2s}.card_project p{color:#add8e6}.description_border{border:solid #00ffff 1px;border-bottom-left-radius:50px;border-bottom-right-radius:50px}.description{opacity:0}.card_project_animate:nth-child(1){animation:slideFromRight_short 1.5s .5s forwards}.card_project_animate:nth-child(2){animation:slideFromRight_short 1.5s 1s forwards}.card_project_animate:nth-child(3){animation:slideFromRight_short 1.5s 1.5s forwards}.project_image1{animation:slideFromLeft_short 1.5s 2s forwards}.project_image2{animation:slideFromLeft_short 1.5s 2.5s forwards}.project_image3{animation:slideFromLeft_short 1.5s 3s forwards}.description1{animation:slideFromBottom 1.5s 3.5s forwards}.description2{animation:slideFromBottom 1.5s 4s forwards}.description3{animation:slideFromBottom 1.5s 4.5s forwards}.profile{width:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.profile_top{width:100%;margin-bottom:50px;display:flex;justify-content:center;align-items:center;opacity:0}.profile_top h1{color:#0ff;font-size:60px;border:#00ffff solid 2px;border-radius:50px;padding:10px;margin:0;opacity:0;animation:show 2s forwards}.turn_title{animation:page-turn 2s ease .5s forwards;transform-style:preserve-3d}.profileContainer{width:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.profile_content_container{opacity:0;margin:0 auto;padding:0 auto;width:100%;display:flex;justify-content:space-evenly;align-items:center}.turn_content{animation:page-turn 2s ease 1.5s forwards;transform-style:preserve-3d}.profile_left img,.profile_right{border-radius:50px}.profile_left,.profile_right{margin:50px 40px}.profile_left{max-width:550px;max-height:750px}.profile_pic{width:100%;height:100%}.c_comp:hover{cursor:pointer}.card__content{text-align:center;position:relative;transform-style:preserve-3d;min-width:550px;min-height:750px;transition:min-width 1s,min-height 1s,font-size .2s,transform 3s}.flip_card{transform:rotateY(.5turn)}.card__front,.card__back{position:absolute;backface-visibility:hidden;transform-style:preserve-3d;display:grid;align-content:center;width:100%;height:100%}.card__front{color:#333;width:100%;height:100%}.card__front:before{content:"";position:absolute;top:2%;bottom:2%;left:10px;right:10px;border:5px solid currentColor;transform:translateZ(100px);border-radius:50px}.card__title1,.card__title2,.card__title3,.card__title4{font-size:30px;transform:translateZ(50px);order:2;text-transform:uppercase;position:absolute;color:#add8e6;letter-spacing:4px}.card__title1{transform:translateZ(250px);left:100%;top:3%;transform:rotateX(30deg) rotateY(-30deg);-webkit-text-stroke:#242424}.card__title2{transform:translateZ(200px);left:.5%;top:50%;-webkit-text-stroke:#242424}.card__title3{transform:translateZ(100px);left:100%;top:60%;font-size:50px;-webkit-text-stroke:#242424;animation:wave 4s infinite}.card__title4{transform:translateZ(300px);left:35%;top:80%;-webkit-text-stroke:#242424}.change_opacity{animation:opacity_change 2s forwards}.card__back{transform:rotateY(.5turn);color:#add8e6;background:#333;width:100%;height:100%;border-radius:50px;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.card__back_title{transform:translateZ(300px);text-transform:uppercase;font-size:30px;margin:0;z-index:999}.card__body_part1,.card__body_part2,.card__body_part3,.card__body_part4,.card__body_part5{margin:0;font-size:16.8px}.card__body_part1{transform:translateZ(200px)}.card__body_part2{transform:translateZ(125px)}.card__body_part3{transform:translateZ(75px)}.card__body_part4{transform:translateZ(200px)}.card__body_part5{transform:translateZ(300px)}.profile_right{min-width:550px;min-height:750px;justify-content:space-evenly;align-items:center;flex-direction:column;border:solid black 3px}.c_comp2{max-width:550px;max-height:750px}.card2{height:100%}.card__content2{text-align:center;position:relative;transform-style:preserve-3d;min-width:550px;min-height:750px;transition:min-width 1s,min-height 1s,font-size .2s,transform 3s}.flip_card2{transform:rotateY(-.5turn)}.card__front2,.card__back2{position:absolute;backface-visibility:hidden;transform-style:preserve-3d;display:flex;justify-content:space-around;align-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.card__front2{color:#333;width:100%;height:100%;border-radius:50px}.front_title_c2{transform:translateZ(50px);color:#0ff;margin:0}.front_title2_c2{transform:translateZ(100px);color:#add8e6;margin:0;font-size:20px}.contact_info{display:flex;justify-content:space-around;align-items:center;margin:0;width:100%;height:0px;transform:translateZ(150px)}.information_form{display:flex;justify-content:space-evenly;flex-direction:column;width:90%;height:85%;transform:translateZ(150px);margin:0}.span_div{width:100%;display:flex;justify-content:space-between;align-items:center}.span_left.span_right{display:flex;width:100%}textarea::placeholder,input::placeholder{color:#add8e6;text-align:center;font-size:20px}textarea,input{background-color:#333;color:#fff;text-align:center;border:solid lightblue 1px;margin:0;font-size:20px}input{transform:translateZ(150px);width:200px;height:40px;margin:0}.validations{color:red;margin:0}.form_btn{height:60px;width:200px;font-size:25px;color:#f0f;background-color:transparent;border:solid 2px #ff00ff}.form_btn:hover{border:#f43c71 solid 2px;background-color:#f8d3e1;cursor:pointer}.submit_Btn{display:flex;justify-content:space-around;margin-bottom:10px}.card__back2{transform:rotateY(-.5turn);color:#add8e6;background:#333;width:100%;height:100%;border-radius:50px;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.card__back_title2{transform:translateZ(300px);text-transform:uppercase;margin:0}.back_btn_section{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;margin-top:100px}.back_btn{height:60px;width:300px;font-size:25px;color:#f0f;background-color:transparent;border:solid 2px #ff00ff}.back_btn:hover{border:#f43c71 solid 2px;background-color:#f8d3e1;cursor:pointer}.fade_in{opacity:0;animation:showBtn 1s 6s forwards}.back_item_size{font-size:100px}.cloud2,.cloud3,.cloud4,.cloud5,.cloud6,.cloud7,.cloud8{position:absolute;opacity:0;transition:all 0s}.cloud1{position:absolute;top:1%;right:90%;transform:translateZ(50px)}.cloud2{top:5%;right:70%;transform:translateZ(200px)}.cloud3{bottom:70%;right:60%;transform:translateZ(300px)}.cloud4{top:10%;right:40%;transform:translateZ(100px)}.cloud5{bottom:75%;right:20%;transform:translateZ(150px)}.cloud6{top:5%;right:1%;transform:translateZ(400px)}.cloud7{bottom:40%;right:15%;transform:translateZ(250px)}.cloud_animation1{animation:cloudAnimation1 10s forwards}.cloud_animation2{animation:cloudAnimation12 10s forwards}.cloud_animation3{animation:cloudAnimation3 10s forwards}.cloud_animation4{animation:cloudAnimation4 10s forwards}.cloud_animation5{animation:cloudAnimation5 10s forwards}.cloud_animation6{animation:cloudAnimation6 10s forwards}.cloud_animation7{animation:cloudAnimation7 10s forwards}.cloudy{animation:clouds 5s forwards}.cloud_spread{animation:spread_cloud_left 3s 3s forwards}.cloud_spread_2{animation:spread_cloud_right 3s 2.7s forwards}.rocket{position:absolute;top:90%;right:90%;transform:translateZ(150px)}.animate{animation:animate-rocket 2s 1s infinite;scale:2.5;transition:scale 3s 2s}.lunch{animation:blast-rocket 4s 2s forwards}@media (max-width: 1500px){.all_component{margin-bottom:200px}.welcome{flex-direction:row;margin-bottom:0}.welcomeRight{margin-top:50px}.whatIDo_middle{flex-wrap:wrap;flex-direction:column}.project_container{flex-direction:column}.options{flex-direction:column;width:90%;height:700px}.option{min-width:100%;max-height:80px;margin:10px;background-size:200% auto;transition:1.5s}.active{max-height:70%;background-size:auto 100%}.option:not(.active) .label{top:20%;left:5px}.profile_left,.profile_right{margin:50px 60px}.profile_content_container{flex-wrap:wrap}.card__back_title{transform:translateZ(250px)}.card__body_part1{transform:translateZ(150px)}.card__body_part2{transform:translateZ(50px)}.card__body_part3{transform:translateZ(25px)}.card__body_part4{transform:translateZ(150px)}.card__body_part5{transform:translateZ(250px)}}@media (max-width: 1000px){.all_component{margin-bottom:100px}.welcomeMessage,.welcome_a_tag{text-align:center;font-size:55px}.subheader{display:flex;justify-content:center}.subheader_message{text-align:center;font-size:25px}.btn_welcome{width:170px;font-size:20px}.logo{height:400px}.whatIDo_top{height:90px}.whatIDo_top_text{font-size:55px}.whatIDo_middle h1,.whatIDo_bottom h1{font-size:30px}.whatIDo_middle p,.whatIDo_bottom p{font-size:13px;max-width:700px}.title{font-size:55px}.tech_logos{width:80px;height:80px}.tool_container p{font-size:13px}.header{font-size:55px}.card_project{height:350px;width:300px}.card_project img{height:200px}.card_project h1{font-size:20px}.card_project p{font-size:13px}.main h1{margin:0;font-size:20px}.sub p{margin:0;font-size:12px}.profile_top h1{font-size:55px}.card__content{min-width:450px;min-height:600px}.card__front:before{top:1%;bottom:1%}.card__title1,.card__title2,.card__title4{font-size:25px}.card__title1{top:4%;transform:rotateX(25deg) rotateY(-35deg)}.card__title2{left:.9%;top:50%}.card__back{min-height:600px}.card__back_title{font-size:25px}.card__body_part1,.card__body_part2,.card__body_part3,.card__body_part4,.card__body_part5{font-size:13px}.profile_right,.card__content2{min-width:450px;min-height:600px}.front_title_c2{font-size:25px}.front_title2_c2{font-size:13px}textarea::placeholder,input::placeholder{font-size:15px}textarea,input{font-size:15px}input{width:170px;height:25px}.form_btn{font-size:15px;height:50px;width:170px}.cloud1,.cloud2,.cloud3,.cloud4,.cloud5,.cloud6,.cloud7,.cloud8,.rocket{font-size:75px}.validations{font-size:13px}}@media (max-width: 850px){.welcomeMessage,.welcome_a_tag{text-align:center;font-size:50px}.subheader_message{text-align:center;font-size:20px}.btn_welcome{width:150px;font-size:15px}.logo{height:300px}.whatIDo_top{height:80px}.whatIDo_top_text{font-size:50px}.whatIDo_middle h1,.whatIDo_bottom h1{font-size:25px}.whatIDo_middle p,.whatIDo_bottom p{font-size:12px;max-width:600px}.title{font-size:50px}.tech_logos{width:70px;height:70px}.tool_container p{font-size:12px}.header{font-size:50px}.card_project{margin:60px}.card_project h1{font-size:20px}.card_project p{font-size:12px}.profile_top h1{font-size:50px}.card__content{min-width:400px;min-height:500px}.card__front:before{top:.1px;bottom:.1px}.card__title1,.card__title2,.card__title4{font-size:20px}.card__title2{left:1.43%;top:50%}.card__back{min-height:500px}.card__back_title{font-size:20px}.card__body_part1,.card__body_part2,.card__body_part3,.card__body_part4,.card__body_part5{font-size:11px}.profile_right,.card__content2{min-width:400px;min-height:500px}.front_title_c2{font-size:20px}.front_title2_c2{font-size:11px}textarea::placeholder,input::placeholder{font-size:10px}textarea,input{font-size:10px}input{width:140px;height:20px}.form_btn{font-size:13px;height:40px;width:140px}.cloud1,.cloud2,.cloud3,.cloud4,.cloud5,.cloud6,.cloud7,.cloud8,.rocket{font-size:65px}.validations{font-size:11px}}@media (max-width: 750px){.welcomeMessage,.welcome_a_tag{text-align:center;font-size:45px}.subheader_message{text-align:center;font-size:15px}.btn_welcome{width:100px;height:50px;font-size:10px}.logo{height:200px}.whatIDo_top{height:70px}.whatIDo_top_text{font-size:45px}.whatIDo_middle h1,.whatIDo_bottom h1{font-size:20px}.whatIDo_middle p,.whatIDo_bottom p{font-size:11px;max-width:500px}.title{font-size:45px}.tech_logos{width:60px;height:60px}.tool_container p{font-size:11px}.header{font-size:45px}.card_project{margin:40px}.card_project{height:250px;width:200px}.card_project img{height:150px}.card_project h1{font-size:13px}.card_project p{font-size:10px}.profile_top h1{font-size:45px}.card__content{min-width:350px;min-height:450px}.card__front:before{top:.1%;bottom:.1%}.card__title1,.card__title2,.card__title4{font-size:15px}.card__title1{top:8%}.card__title2{left:2.15%;top:50%}.card__title3{font-size:40px;left:95%;top:63%;transform:translateZ(100px)}.card__title4{transform:translateZ(200px)}.card__back{min-height:450px;backface-visibility:hidden}.card__back_title{font-size:15px}.card__body_part1,.card__body_part2,.card__body_part3,.card__body_part4,.card__body_part5{font-size:9px}.profile_right{min-width:350px;min-height:450px}.card__back_title{transform:translateZ(200px)}.card__body_part1{transform:translateZ(100px)}.card__body_part2{transform:translateZ(50px)}.card__body_part3{transform:translateZ(25px)}.card__body_part4{transform:translateZ(100px)}.card__body_part5{transform:translateZ(200px)}.card__content2{min-width:350px;min-height:450px}.front_title_c2{font-size:15px}.front_title2_c2{font-size:11px}textarea::placeholder,input::placeholder{font-size:11px}textarea,input{font-size:11px}input{width:140px;height:30px}.form_btn{font-size:11px;height:40px;width:140px}.cloud1,.cloud2,.cloud3,.cloud4,.cloud5,.cloud6,.cloud7,.cloud8,.rocket{font-size:50px}.cloud2{transform:translateZ(25px)}.cloud2{transform:translateZ(100px)}.cloud3{bottom:70%;right:60%;transform:translateZ(100px)}.cloud4{top:10%;right:40%;transform:translateZ(25px)}.cloud5{bottom:75%;right:20%;transform:translateZ(50px)}.cloud6{top:5%;right:1%;transform:translateZ(150px)}.cloud7{bottom:40%;right:15%;transform:translateZ(100px)}.validations{font-size:9px}}@keyframes navbar{0%{-webkit-transform:scaleY(0);transform:scaleY(0);opacity:1}to{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1}}@-webkit-keyframes hideNavBar{0%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}to{-webkit-transform:rotateX(70deg);transform:rotateX(70deg);opacity:0}}@keyframes hideNavBar{0%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}to{-webkit-transform:rotateX(70deg);transform:rotateX(70deg);opacity:0}}@keyframes Go_to_animation{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes popIn{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideFromTop{0%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes slideFromBottom{0%{transform:translateY(200px);opacity:1;filter:blur(3px)}50%{opacity:1;filter:blur(2px)}to{transform:translateY(0);opacity:1;filter:blur(0px)}}@keyframes slideFromLeft{0%{transform:translate(-100%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes slideFromRight{0%{transform:translate(100%);opacity:1;filter:blur(3px)}50%{opacity:1;filter:blur(2px)}to{transform:translate(0);opacity:1;filter:blur(0px)}}@keyframes slowly_slideFromLeft{0%{transform:translate(-500px);opacity:1;filter:blur(3px)}50%{opacity:1;filter:blur(2px)}to{transform:translate(0);opacity:1;filter:blur(0px)}}@keyframes slideFromRight_short{0%{transform:translate(200px);opacity:1;filter:blur(3px)}50%{opacity:1;filter:blur(2px)}to{transform:translate(0);opacity:1;filter:blur(0px)}}@keyframes slideFromLeft_short{0%{transform:translate(-200px);opacity:1;filter:blur(3px)}50%{opacity:1;filter:blur(2px)}to{transform:translate(0);opacity:1;filter:blur(0px)}}@keyframes show{0%{opacity:0;filter:blur(5px);transform:translate(100px)}to{opacity:1;filter:blur(0);transform:translate(0)}}@keyframes slideAndShow{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@keyframes leave{0%{transform:translate(0);opacity:1}to{transform:translate(-200%);filter:blur(5px);opacity:0}}@keyframes enter{0%{transform:translate(200%);filter:blur(5px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideBlur{0%{transform:translate(100%);opacity:0;filter:blur(5px)}30%{transform:translate(50%);opacity:1;filter:blur(0)}60%{transform:translate(50%);opacity:1;filter:blur(0)}to{transform:translate(-100%);opacity:0;filter:blur(5px)}}@keyframes scaleDown{0%{transform:scale(2);filter:blur(5px);opacity:1}to{transform:scale(1);filter:blur(0px);opacity:1}}@keyframes scaleDown2{0%{transform:scale(1.5);filter:blur(5px);opacity:1}to{transform:scale(1);filter:blur(0px);opacity:1}}@keyframes popOut{0%{transform:scale(1);filter:blur(0px);opacity:1}to{transform:scale(1.4);filter:blur(0px);opacity:1}}@keyframes opacity_change{0%{opacity:1}to{opacity:0}}@keyframes wave{0%{transform:translate(0) translateY(0) rotate(0) translateZ(100px)}50%{transform:translate(20px) rotate(90deg) rotateX(15deg) rotateY(-15deg) translateZ(100px)}to{transform:translate(0) translateY(0) rotate(0) translateZ(100px)}}@keyframes page-turn{0%{transform:perspective(2000px) rotateY(0);opacity:1}to{transform:perspective(2000px) rotateY(-360deg);opacity:1}}@keyframes showBtn{0%{opacity:1}to{opacity:1}}@keyframes cloudAnimation1{0%{transform:translate(250px);opacity:1;transform:translateZ(50px)}to{transform:translate(0);opacity:1;transform:translateZ(50px)}}@keyframes cloudAnimation2{0%{transform:translate(250px);opacity:1;transform:translateZ(250px)}to{transform:translate(0);opacity:1;transform:translateZ(250px)}}@keyframes cloudAnimation2{0%{transform:translate(250px);opacity:1;transform:translateZ(300px)}to{transform:translate(0);opacity:1;transform:translateZ(300px)}}@keyframes cloudAnimation3{0%{transform:translate(250px);opacity:1;transform:translateZ(300px)}to{transform:translate(0);opacity:1;transform:translateZ(300px)}}@keyframes cloudAnimation4{0%{transform:translate(250px);opacity:1;transform:translateZ(300px)}to{transform:translate(0);opacity:1;transform:translateZ(300px)}}@keyframes cloudAnimation5{0%{transform:translate(250px);opacity:1;transform:translateZ(100px)}to{transform:translate(0);opacity:1;transform:translateZ(100px)}}@keyframes cloudAnimation6{0%{transform:translate(250px);opacity:1;transform:translateZ(150px)}to{transform:translate(0);opacity:1;transform:translateZ(150px)}}@keyframes cloudAnimation7{0%{transform:translate(250px);opacity:1;transform:translateZ(250px)}to{transform:translate(0);opacity:1;transform:translateZ(250px)}}@keyframes spread_cloud_left{0%{transform:translate(0) translateY(0)}to{transform:translate(-40px) translateY(-40px)}}@keyframes spread_cloud_right{0%{transform:translate(0)}to{transform:translate(90px) translateY(-50px)}}@keyframes animate-rocket{0%{transform:rotate(10deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}25%{transform:rotate(-15deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}50%{transform:rotate(5deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}75%{transform:rotate(-10deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}to{transform:rotate(10deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}}@keyframes blast-rocket{to{transform:translate3d(100vw,-100vw,0)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0}