@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;700&display=swap);@-webkit-keyframes move{0%{opacity:1;-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}}@keyframes move{0%{opacity:1;-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.section_header{background:#323446;left:0;position:fixed;right:0;top:0;z-index:1}.section_header .center_header{display:flex;justify-content:space-between;margin:auto;max-width:1000px;padding:30px 20px}.section_header .center_header .logo{color:#fead20;font-family:Tw Cen MT;font-size:27px;font-weight:700}.nav_options{display:flex;gap:20px;width:300px}.nav_options .option{align-items:center;display:flex;flex-direction:column;position:relative}.nav_options .option .option_name{color:#797b8b;font-size:19px}.nav_options .option:hover{cursor:pointer}.nav_options .active :before{background:#fead20;border-radius:100%;bottom:-10px;color:#fead20;content:" ";height:5px;left:50%;position:absolute;width:5px}.nav_options .active .option_name{color:#fff}@media screen and (max-width:829px){.nav_options{width:auto}}.section_works{background:#232532;margin:460px 0 0;min-height:335px}.section_works .center_works{margin:auto;max-width:1000px;padding:30px 40px}.section_works .center_works .header_works .title_works{color:#fff;font-size:2em}.section_works .center_works .projects{display:flex;flex-wrap:wrap;gap:30px 30px;margin:30px 0}.section_works .center_works .options{display:flex;justify-content:flex-end}.section_works .center_works .options .show_more{color:#fead20}.section_works .center_works .options .show_more:hover{border-bottom:1px solid #fead20;cursor:pointer}.section_works .slide_show{margin:auto;overflow:hidden;width:100%}@media screen and (max-width:829px){.section_works{margin:685px 0 0}}.section_banner{background:#323446;display:flex;justify-content:center;left:0;position:fixed;right:0;top:88px;z-index:-1}.section_banner .center_banner{display:flex;flex-wrap:wrap;gap:100px;margin:auto;max-width:1000px;padding:5em 30px}.section_banner .center_banner .presentation{display:flex;flex-direction:column;gap:30px;justify-content:center}.section_banner .center_banner .presentation .title_name{border-left:4px solid #fead20;padding:0 0 0 30px;width:370px}.section_banner .center_banner .presentation .title_name .im{color:hsla(0,0%,100%,.502);font-size:3em;font-size:2.5em;font-weight:700;line-height:1em;margin:0 0 10px;width:100px}.section_banner .center_banner .presentation .title_name .my_name{color:#fff;font-size:3.5em;font-size:3em;font-weight:700;line-height:1em;width:300px;width:100px}.section_banner .center_banner .presentation .social_networks .icon_github{fill:#fff;width:30px}.section_banner .center_banner .about{background:#323446;display:flex;flex-direction:column;gap:15px;justify-content:center;width:300px}.section_banner .center_banner .about .subtitle{color:#797b8b;font-size:15px}.section_banner .center_banner .about .title{color:#fff;font-size:30px;line-height:27px;width:100px}.section_banner .center_banner .about .information{color:#797b8b;font-size:19px;width:250px}@media screen and (max-width:820px){.section_banner .center_banner{gap:50px}}.project_card{overflow:hidden;position:relative;transition:all 50ms ease-in-out;width:260px}.project_card:hover{box-shadow:1px 1px 1px #232532;-webkit-transform:scale(1.05);transform:scale(1.05)}.project_card:hover .header_project_card .project_info{bottom:0;opacity:100%}.project_card:hover .body_project_card{opacity:100%}.project_card .header_project_card{height:100%}.project_card .header_project_card .project_image{height:100%;object-fit:cover;width:100%}.project_card .header_project_card .project_info{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(50,52,70,.855);bottom:-48px;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;opacity:0;padding:10px;position:absolute;transition:all .15s ease-in;width:100%}.project_card .header_project_card .project_info .project_links{display:flex;gap:10px}.project_card .header_project_card .project_info .project_links .repositorie .icon_github{fill:#fff;width:25px}.project_card .header_project_card .project_info .project_links .repositorie .icon_github:hover{fill:#c2c2c2}.project_card .header_project_card .project_info .project_links .link_web{align-items:center;display:flex;gap:5px;text-decoration:none}.project_card .header_project_card .project_info .project_links .link_web:hover{-webkit-text-decoration:1px solid #fff;text-decoration:1px solid #fff}.project_card .header_project_card .project_info .project_links .link_web .icon_link{fill:#fff;width:21px}.project_card .header_project_card .project_info .project_links .link_web .icon_link:hover{fill:#c2c2c2}.project_card .header_project_card .project_info .project_links .link_web .url{color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px}.project_card .header_project_card .project_info .creation_date{color:#fff;font-size:11px;font-weight:700}.project_card .body_project_card{background:#404457;bottom:-45%;opacity:0;padding:10px;position:absolute;transition:all .13s ease-in-out}.project_card .body_project_card .subtitle{color:#fff;font-size:20px}.project_card .body_project_card .description_project{color:#797b8b;font-size:15px;line-height:15px}@media screen and (max-width:829px){.project_card{height:257px;width:100%}}.icons_animation{align-items:flex-end;display:flex;gap:30px;height:100%;justify-content:space-between;position:absolute;width:1000px;z-index:-1}.icons_animation .icon{fill:#383a4d}.icons_animation .react_icon{-webkit-animation:move 7s infinite;animation:move 7s infinite;opacity:0;transition:all ease-in;width:150px}.icons_animation .html_icon{fill:#383a4d;-webkit-animation:move 9s infinite;animation:move 9s infinite;opacity:0;width:100px}.icons_animation .css_icon{-webkit-animation:move 14s infinite;animation:move 14s infinite;opacity:0;width:100px}.icons_animation .js_icon{fill:#383a4d;-webkit-animation:move 10s infinite;animation:move 10s infinite;opacity:0;width:120px}.loading{background:#292b3a;height:142px;width:260px}.loading:before{-webkit-animation:loading_animation 2s infinite;animation:loading_animation 2s infinite;background:linear-gradient(90deg,transparent,#2c2f3f,#2c2f3f,#2c2f3f,transparent);content:"";height:100%;position:absolute;-webkit-transform:translateX(-110px);transform:translateX(-110px);width:60%}@-webkit-keyframes loading_animation{0%{-webkit-transform:translateX(-140px);transform:translateX(-140px)}90%{-webkit-transform:translateX(270px);transform:translateX(270px)}to{-webkit-transform:translateX(270px);transform:translateX(270px)}}@keyframes loading_animation{0%{-webkit-transform:translateX(-140px);transform:translateX(-140px)}90%{-webkit-transform:translateX(270px);transform:translateX(270px)}to{-webkit-transform:translateX(270px);transform:translateX(270px)}}
/*# sourceMappingURL=main.5aa6b860.css.map*/