@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Quicksand:wght@300..700&display=swap);:root{--green-logo-color:#129138}*{box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f5f5f5}.preloader{align-items:center;background-color:#030303;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.preloader svg text{fill:none;stroke:#129138;stroke:var(--green-logo-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:animate 2s linear infinite;font-size:1.5rem}.burger_menu{cursor:pointer}.scroll-to-top{opacity:0;position:fixed;right:5%;top:90%;transform:translateY(10px);transition:transform .3s ease,opacity .3s ease;z-index:1000}.scroll-to-top.visible{opacity:1;transform:translateY(0)}.scroll-to-top-button{background-color:#129138;background-color:var(--green-logo-color);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:50px;padding:10px;text-align:center;transition:background-color .3s ease,transform .3s ease;width:50px}.scroll-to-top-button:hover{background-color:#0f6e3e;transform:scale(1.1)}@keyframes animate{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}@keyframes moveInLeftFade{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translate(0)}}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}@keyframes typing{0%{width:0}75%{width:100%}to{width:100%}}@keyframes navMoveDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes FadeFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes FadeFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes FadeFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes imageSlideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes FooterMoveUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes menuOpen{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes menuClose{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.app_navbar{animation:navMoveDown 1s ease;background-color:#fff;box-shadow:10px 12px 20px rgba(0,0,0,.453);justify-content:space-between;padding:5px 20px;width:100%}.app_navbar,.app_navbar_logo{align-items:center;display:flex}.app_navbar_logo{cursor:pointer;transition:transform .3s ease}.app_navbar_logo img{width:190px}.app_navbar_logo:hover{transform:scale(.95)}.app_navbar_links{align-items:center;display:flex;gap:20px;justify-content:center}.app_navbar_links a{color:#333;font-size:1.2rem;font-weight:500;text-decoration:none;transition:color .3s ease,transform .3s ease}.app_navbar_links a:hover{color:var(--green-logo-color);transform:translateY(-5px)}.app_navbar_smallscreen{display:none}.app_navbar_smallscreen_menu{align-items:center;animation:menuOpen 1s ease;background-color:#fff;color:var(--green-logo-color);display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;position:fixed;right:0;top:0;transition:visibility 1s ease;width:100%;z-index:100}.app_navbar_smallscreen_menu.close{animation:menuClose 1s ease;visibility:hidden}.app_navbar_smallscreen_menu_header{align-items:center;display:flex;justify-content:space-evenly;padding:10px 20px;width:100%}.app_navbar_smallscreen_menu img{width:120px}.app_navbar_smallscreen_menu_links{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.app_navbar_smallscreen_menu_links a{color:#333;font-size:1.2rem;font-weight:500;text-decoration:none;transition:color .3s ease,transform .3s ease}.app_navbar_smallscreen_menu_links a:hover{color:var(--green-logo-color);transform:translateY(-5px)}.close_icon{color:#000;cursor:pointer;transition:color .3s ease,transform .3s ease}.close_icon:hover{color:var(--green-logo-color);transform:translateY(-5px)}@media screen and (min-width:2000px){.app_navbar_logo img{width:170px}}@media screen and (max-width:1150px){.app_navbar_logo img{width:150px}.app_navbar_links{display:none}.app_navbar_smallscreen{display:flex}}@media screen and (max-width:650px){.app_navbar_logo img{width:120px}.app_navbar_links{display:none}.app_navbar_smallscreen{display:flex}}.app_home{align-items:center;color:#fff;display:flex;justify-content:space-around;overflow:hidden;padding:10.65rem 2rem;position:relative;width:100%}.app_home_background-video{animation:fadeIn 1s ease-in-out;filter:brightness(.5);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.app_home_profile{animation:moveInLeftFade 1s ease-in-out;border:5px solid #fff;border-radius:50%;box-shadow:10px 12px 20px rgba(0,0,0,.453);height:300px;overflow:hidden;transition:transform .3s ease;width:300px}.app_home_profile img{height:100%;object-fit:cover;width:100%}.app_home_profile:hover{transform:scale(.95)}.app_home_content{align-items:start;display:flex;flex-direction:column;gap:20px;justify-content:center}.app_home_content_bio{display:flex;flex-direction:column;gap:10px}.app_home_name_typewriter h1{font-size:4.5rem;font-weight:100}.app_home_name_typewriter{animation:typing 4.5s steps(40) normal both;letter-spacing:.15em;margin:0 auto;overflow:hidden;white-space:nowrap}.app_home_content_bio h2{animation:FadeIn 3s ease-in-out;font-weight:100}.app_home_content_contact{align-items:center;display:flex;gap:20px;justify-content:center}.app_home_social{display:flex;gap:10px}.app_home_social .icon{color:#fff;cursor:pointer;font-size:1.7rem;transition:transform .3s ease,color .3s ease}.app_home_social .icon:hover{color:var(--green-logo-color);transform:translateY(-5px)}.app_home_hire-me{display:flex;gap:10px}@media screen and (min-width:2000px){.app_home{flex-direction:row}.app_home_social .icon{font-size:1.5rem}}@media screen and (max-width:1150px){.app_home{flex-direction:column;padding:6rem 2rem}.app_home_profile{height:200px;width:200px}.app_home_name_typewriter h1{font-size:3.5rem}.app_home_social .icon{font-size:1.3rem}.app_home_content_bio h2{font-size:1.5rem}}@media screen and (max-width:650px){.app_home{flex-direction:column;padding:10rem 2rem}.app_home_profile{height:150px;width:150px}.app_home_name_typewriter h1{font-size:2rem}.app_home_social .icon{font-size:1.1rem}.app_home_download-cv_button,.app_home_hire-me_button{overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap}.app_home_content_bio h2{font-size:1.2rem}}.app_skills{animation:FadeIn 1.5s ease-in-out;gap:1rem;padding:4rem 2rem}.app_skills,.app_skills_container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.app_skills_databases_cont,.app_skills_frameworks_cont,.app_skills_languages_cont{align-items:center;animation:FadeFromLeft 2s ease-in-out;border-radius:5px;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem 6rem}.app_skills_ul{flex-wrap:wrap;gap:1.5rem;margin:0;padding:0}.app_skills_ul,.app_skills_ul li{align-items:center;display:flex;justify-content:center}.app_skills_ul li{flex-direction:column;font-size:1.5rem;gap:.5rem}.app_skills_ul li .li_icon{font-size:3rem}.app_projects{align-items:center;background-color:#1f1f1f;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;width:100%}.app_projects_title{animation:FadeFromTop 1.5s ease-in-out}.app_projects_project{align-items:center;display:flex;justify-content:space-evenly;padding:1rem;width:100%}.app_projects_project_images{align-items:center;display:flex;flex-direction:column;justify-content:center}.project_img_cont{animation:FadeFromLeft 2s ease-in-out;width:600px}.project_img{border-radius:5px;display:none;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project_img:hover{transform:scale(1.1)}.project_img.active{animation:imageSlideIn .5s ease-in-out;display:block}.images_change_bar{bottom:0;flex-wrap:wrap;gap:1rem;padding:1rem;position:relative}.image_change_dot,.images_change_bar{align-items:center;display:flex;justify-content:center}.image_change_dot{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:1rem;transition:background-color .3s;width:1rem}.image_change_dot.active{background-color:#fff}.app_projects_project_info{animation:FadeFromRight 2s ease-in-out;padding:1rem}.app_projects_project_info,.app_projects_project_info ol{align-items:start;display:flex;flex-direction:column;gap:1rem;justify-content:start}.app_projects_project_info ol li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app_projects_project.collection{flex-direction:column}.app_projects_project.collection h1{animation:FadeFromTop 2s ease-in-out}.projects_container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.project{align-items:center;animation:FadeFromTop 2s ease-in-out;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem;position:relative;transition:transform .3s ease;z-index:1}.project img{border-radius:5px;height:100%;width:100%}.project:hover{transform:scale(1.2);z-index:5}.app_projects_project_images.flytoschool .project_img_cont{width:200px}@media screen and (min-width:2000px){.app_projects_project{flex-direction:row}}@media screen and (max-width:1150px){.app_projects_project{flex-direction:column}.project_img_cont{width:400px}.app_projects_project_images.flytoschool .project_img_cont{width:170px}.app_projects_title{font-size:2rem}.app_projects_project_info ol li{overflow:visible;text-overflow:clip;white-space:normal}}@media screen and (max-width:650px){.app_projects_project{flex-direction:column}.project_img_cont{width:300px}.app_projects_project_images.flytoschool .project_img_cont{width:150px}.app_projects_title{font-size:1.5rem}}.app_footer{animation-timeline:view();animation-range:entry;align-items:center;animation:FooterMoveUp 1s ease;background-color:#f8f9fa;box-shadow:0 -5px 10px rgba(0,0,0,.453);color:#333;display:flex;justify-content:space-between;padding:4rem 2rem;text-align:center;width:100%}.app_footer_logo_container{align-items:start;display:flex;flex-direction:column;gap:10px;justify-content:start}.logo_cont{align-items:center;cursor:pointer;display:flex;transition:transform .3s ease}.logo_cont img{width:150px}.logo_cont:hover{transform:scale(.95)}.app_footer_links{align-items:center;display:flex;gap:20px;justify-content:center}.app_footer_links a{color:#333;font-size:1.2rem;font-weight:500;text-decoration:none;transition:color .3s ease,transform .3s ease}.app_footer_links a:hover{color:var(--green-logo-color);transform:translateY(-5px)}.app_footer_contact_container{align-items:start;display:flex;flex-direction:column;gap:10px;justify-content:start;margin:0 1rem}.contact{color:#000;text-decoration:none}.app_footer_social_container,.contact{align-items:center;display:flex;gap:10px}.about-me_container,.app_footer_social_container{flex-direction:column;justify-content:center}.about-me_container{align-items:center;display:flex;gap:5px}.about-me_container p{word-wrap:break-word}.socail_cont{align-items:center;display:flex;gap:10px}.socail_cont .icon{color:#000;transition:transform .3s ease,color .3s ease}.icon:hover{color:var(--green-logo-color);transform:translateY(-5px)}.app_home_hire-me_button{background-color:var(--green-logo-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Quicksand,sans-serif;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.app_home_hire-me_button:hover{background-color:#0f6e3e}.contact_icon{background-color:#000;border-radius:50%;color:#fff;padding:5px}.contact p,.contact_icon{transition:transform .3s ease,color .3s ease}.contact p{color:#000;cursor:pointer;text-decoration:none}.contact:hover .contact_icon{background-color:var(--green-logo-color);color:#000;transform:translateY(-5px)}.contact:hover p{color:var(--green-logo-color);transform:translateY(-5px)}@media screen and (min-width:2000px){.app_footer{flex-direction:row}}@media screen and (max-width:1150px){.app_footer{flex-direction:column-reverse;gap:2rem}.logo_cont img{width:100px}}@media screen and (max-width:650px){.app_footer{flex-direction:column-reverse;gap:2rem}.logo_cont img{width:80px}}
/*# sourceMappingURL=main.46b64544.css.map*/