@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap);:root{--first-color:#ff3341;--title-color:#353252;--text-color:#5e5c7f;--body-color:#f9f7fd;--container-color:#fff;--body-font:"Rubik",sans-serif;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem;--font-medium:500;--font-semibold:600;--font-bold:700;--shadow:0px 5px 20px 0px rgba(69,67,96,.1);--border-radius:20px}@media screen and (max-width:1024px){:root{--h1-font-size:1.75rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Rubik,sans-serif;font-family:var(--body-font);font-size:1rem;font-size:var(--normal-font-size)}body{background-color:#f9f7fd;background-color:var(--body-color);color:#5e5c7f;color:var(--text-color);line-height:1.7}h1,h2,h3{color:#353252;color:var(--title-color);font-weight:600;font-weight:var(--font-semibold);line-height:1.2}ul{list-style-type:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%;vertical-align:middle}.container{margin:0 auto;max-width:1080px;padding-left:15px;padding-right:15px}.grid{display:grid}.section{padding-bottom:15rem;padding-top:4rem}.section_title{font-size:2.25rem;font-size:var(--h1-font-size);font-weight:700;font-weight:var(--font-bold);margin-bottom:1.5rem;margin-left:.875rem;position:relative}.section_title:before{background:url(/static/media/dots-bg.aa8289c51cd678b8cd47.svg);content:"";height:2.25rem;left:-.875rem;position:absolute;top:-.875rem;width:2.25rem}.btn{background-color:#ff3341;background-color:var(--first-color);border:1px solid transparent;border-radius:1.875rem;box-shadow:0 0 1px transparent;color:#fff;display:inline-block;font-weight:700;font-weight:var(--font-bold);line-height:1;padding:.75rem 2rem}@-webkit-keyframes button-push{50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes button-push{50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.btn:hover{-webkit-animation:button-push .3s linear 1;animation:button-push .3s linear 1}.main{background-attachment:fixed;background-color:#c9caff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='560' preserveAspectRatio='none'%3E%3Cg mask='url(%26quot;%23a%26quot;)' fill='none'%3E%3Cpath fill='url(%23b)' d='M0 0h1440v560H0z'/%3E%3Cpath d='M0 53c72 32.4 216 168.2 360 162 144-6.2 216-179.4 360-193 144-13.6 216 110.2 360 125 144 14.8 288-40.8 360-51v464H0z' fill='rgba(255, 255, 255, 0.8)'/%3E%3Cpath d='M0 311c96 46.6 288 216.8 480 233 192 16.2 288-139 480-152s384 69.6 480 87v81H0z' fill='rgba(255, 255, 255, 0.32)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient x1='15.28%25' y1='-39.29%25' x2='84.72%25' y2='139.29%25' gradientUnits='userSpaceOnUse' id='b'%3E%3Cstop stop-color='rgba(255, 255, 255, 1)' offset='0'/%3E%3Cstop stop-color='rgba(255, 0, 0, 1)' offset='1'/%3E%3C/linearGradient%3E%3Cmask id='a'%3E%3Cpath fill='%23fff' d='M0 0h1440v560H0z'/%3E%3C/mask%3E%3C/defs%3E%3C/svg%3E");background-size:cover;margin-left:110px}@media screen and (max-width:1024px){.main{margin-left:0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.aside{background:var(--body-color);border-right:1px solid rgba(0,0,0,.05);justify-content:space-between;left:0;min-height:100vh;padding:2.5rem;position:fixed;top:0;transition:.3s;width:110px;z-index:10}.aside,.nav_list{display:flex;flex-direction:column}.nav_list{row-gap:1rem}.nav_link{color:var(--title-color);font-size:1.5rem;font-weight:var(--font-bold);transition:.2s}.nav_link:hover{color:#ff3341;opacity:100%;transition:all .2s ease-in}.nav_link:hover span{opacity:1;visibility:visible}.copyright{color:#9b98b3;font-size:var(--small-font-size);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.my_Logo{scale:3}.description{font-family:var(--body-font);font-weight:var(--font-semibold);margin-left:.75rem;visibility:hidden}.nav_toggle{align-items:center;background-color:var(--body-color);border:1px solid #fff;box-shadow:var(--shadow);cursor:pointer;display:none;height:40px;justify-content:center;left:1.875rem;position:fixed;top:1.25rem;transition:.3s;width:45px;z-index:1}@media screen and (max-width:1024px){.aside{left:-110px}.nav_toggle{display:flex}.nav_toggle-open{left:140px}.show-menu{left:0}}.home{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.intro{max-width:540px;text-align:center}.home_img{height:30%;margin-bottom:1.5rem;width:30%}.home_name{font-size:var(--h1-font-size);font-weight:var(--font-bold);margin-bottom:.5rem}.home_socials{-webkit-column-gap:1.75rem;column-gap:1.75rem;display:flex;justify-content:center}.home_social-link{color:var(--title-color);font-size:1.75rem;transition:.3s}.home_social-link:hover{color:#ff3341}.scroll_down{bottom:2.5rem;left:0;position:absolute;width:100%}.home_scroll-name{font-size:var(--small-font-size)}.mouse{border:2px solid #454360;border-radius:1rem;display:block;height:1.6rem;margin:.75rem auto auto;position:relative;width:1.25rem}@-webkit-keyframes ani-mouse{0%{top:29%}15%{top:50%}50%{top:50%}to{top:29%}}@keyframes ani-mouse{0%{top:29%}15%{top:50%}50%{top:50%}to{top:29%}}.wheel{-webkit-animation:ani-mouse 2s linear infinite;animation:ani-mouse 2s linear infinite;background-color:var(--title-color);border-radius:100%;height:.25rem;left:50%;position:absolute;top:.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:.25rem}@media screen and (max-width:1024px){.home_social-link{font-size:1.5rem}}.about_container{-webkit-column-gap:1.875rem;column-gap:1.875rem;grid-template-columns:3fr 9fr}.about_image{border-radius:125px;box-shadow:var(--shadow);scale:.9;width:25%}.about_data{align-items:flex-start;background-color:var(--container-color);border-radius:var(--border-radius);box-shadow:var(--shadow);-webkit-column-gap:1.875rem;column-gap:1.875rem;grid-template-columns:repeat(2,1fr);padding:1.875rem;position:relative}.about_data:before{border-bottom:20px solid transparent;border-right:25px solid var(--container-color);border-top:20px solid transparent;content:"";height:0;left:-.93rem;position:absolute;top:20%;width:0}.about_description{margin-bottom:.5rem;text-align:justify}.about_skills{row-gap:1.25rem}.skills_title{display:flex;justify-content:space-between}.skills_name{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.skills_number{line-height:1.2}.skills_bar,.skills_percentage{border-radius:.25rem;height:7px}.skills_bar{background-color:#f0f8ff}.skills_percentage{display:block}.development{background-color:#ffd15c;width:50%}.ui_design{background-color:#ff4c60;width:90%}.photography{background-color:#6c6cff;width:60%}.about_boxes{-webkit-column-gap:1.875rem;column-gap:1.875rem;grid-template-columns:repeat(3,1fr);margin-top:1.1rem}.about_box{-webkit-column-gap:2.5rem;column-gap:2.5rem;display:flex;justify-content:center}.about_icon{color:#ff3341;font-size:var(--h1-font-size)}.about_title{font-size:1.875rem}@media screen and (max-width:1024px){.about_container{grid-template-columns:720px;justify-content:center;row-gap:1.875rem}.about_data:before{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;left:49%;top:-20px}.about_image{justify-self:center}.about_box{flex-direction:column;row-gap:.5rem;text-align:center}}@media screen and (max-width:768px){.about_container{grid-template-columns:350px}.about_data:before{left:47%}.about_data{grid-template-columns:1fr;row-gap:1.875rem}.about_box{grid-template-columns:repeat(2,150px);justify-content:center;row-gap:1.5rem}}.resume_container{-webkit-column-gap:1.875rem;column-gap:1.875rem;grid-template-columns:repeat(2,1fr)}.timeline{background-color:var(--container-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.875rem;position:relative}.timeline_item{padding-bottom:2.125rem;padding-left:3.125rem;position:relative}.timeline_item:last-child{padding-bottom:0}.timeline_item:before{background-color:var(--first-color);content:"";height:100%;left:.25rem;position:absolute;top:0;width:1px}.timeline .icon-briefcase,.timeline .icon-graduation{background-color:var(--container-color);color:var(--first-color);font-size:var(--h2-font-size);left:-.4375rem;padding:.4375rem 0;position:absolute;top:0}.timeline_date{color:#8b88b1;font-size:var(--small-font-size)}.timeline_title{font-size:var(--h3-font-size);margin:.5rem 0}@media screen and (max-width:780px){.resume_container{grid-template-columns:350px;justify-content:center;row-gap:1.875rem}}.contact.section{padding-bottom:6.25rem}.contact_container{-webkit-column-gap:1.875rem;column-gap:1.875rem;grid-template-columns:4fr 8fr}.contact_title{font-size:var(--h3-font-size);margin-bottom:.5rem}.contact_form-group{grid-column-gap:1.5rem;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:repeat(2,1fr)}.contact_form-div{height:3.75rem;margin-bottom:1.875rem;position:relative}.contact_form-input{background-color:var(--container-color);border:none;border-radius:1.875rem;box-shadow:var(--shadow);color:var(--text-color);height:100%;left:0;outline:none;padding:.625rem 1.875rem;position:absolute;top:0;width:100%;z-index:1}.contact_form-area{height:10.25rem}.contact_form-area textarea{resize:none}@media screen and (max-width:1024px){.contact_container{grid-template-columns:300px;justify-content:center;row-gap:1.875rem}.contact_form-group{grid-template-columns:100%}.contact_info{text-align:center}}.music_frame{border-radius:20px;box-shadow:var(--shadow);display:flex;height:37rem;width:100%}.project_grid{-webkit-column-gap:10rem;column-gap:10rem;display:flex;grid-template-columns:repeat(2,1fr);height:10rem;justify-content:center;margin-bottom:12rem;margin-top:1.5rem;width:100%}.dev_type{justify-content:left;margin-left:100px}.game_dev_projects{border-radius:20px;box-shadow:var(--shadow);height:315px;object-fit:fill;width:400px}.single_project{border-radius:20px;height:200%;position:relative}.overlay{background-color:rgba(0,0,0,.75);border-radius:20px;bottom:0;height:0;left:0;overflow:hidden;position:absolute;right:0;transition:.5s ease;width:100%}.single_project:hover .overlay{height:100%}.description_title{color:#f0f8ff;margin-left:20px;margin-top:15px}.skills{color:#f0f8ff;margin-top:-.2rem;padding:12px}@media screen and (max-width:780px){.project_grid{-webkit-column-gap:1.5rem;column-gap:1.5rem}.skills{font-size:11px}.dev_type{justify-content:left;margin-left:0}}.image_grid{-webkit-column-gap:4rem;column-gap:4rem;margin-bottom:3rem}.image_grid,.image_grid_two{display:flex;justify-content:center}.image_grid_two{-webkit-column-gap:3rem;column-gap:3rem}.skill_img{scale:1.2;transition:all .2s ease}.skill_img:hover{scale:1.5;transition:.2s}.tech_title{margin-bottom:3rem;margin-left:3.5rem;margin-top:4rem}@media screen and (max-width:1024px){.image_grid{-webkit-column-gap:.5rem;column-gap:.5rem}.image_grid_two{-webkit-column-gap:1rem;column-gap:1rem}.tech_title{margin-left:0}}
/*# sourceMappingURL=main.9f8e759c.css.map*/