@import url(https://fonts.googleapis.com/css2?family=Arimo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;font-size:62.5%}body{font-family:Open Sans,sans-serif}body::-webkit-scrollbar{width:15px}body::-webkit-scrollbar-button{display:none}body::-webkit-scrollbar-track{background-color:#dbdbdb}body::-webkit-scrollbar-thumb{background-color:#1e90ff;border:1px solid #dbdbdb;border-radius:20px}.landing_container{height:120vh;position:relative;width:100%;z-index:1}.landing_container .landing_video_container{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.landing_container .landing_video_container video{height:100%;object-fit:cover;width:100%}.landing_container .landing_text_container{align-items:center;color:#262626;display:flex;flex-direction:column;font-weight:700;height:100vh;justify-content:center;max-width:100%;padding:5% 20%;position:absolute;width:100%;z-index:2}.landing_container .landing_text_container h1{font-size:3.2rem;text-align:center;text-shadow:3px 3px 2px #789}@media screen and (max-width:601px){.landing_container .landing_text_container h1{font-size:3rem}}.landing_container .landing_text_container h2{font-size:2.4rem;padding-top:40px;text-align:center;text-shadow:3px 3px 2px #789}@media screen and (max-width:601px){.landing_container .landing_text_container h2{font-size:2rem}}.landing_container .landing_text_container .landing_button{align-items:center;background-color:initial;border:2px solid #262626;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;margin-top:30px;padding:10px;transition:.3s ease-in-out}.landing_container .landing_text_container .landing_button:hover{background-color:#1e90ff;border:2px solid #1e90ff;box-shadow:2px 2px 3px #789;color:#f5f5f5}.landing_container .landing_fadeout{background:linear-gradient(180deg,hsla(0,0%,91%,0),#e8e8e8);bottom:0;height:20vh;left:0;max-width:100%;position:absolute;right:0;width:100%;z-index:2}.nav{align-items:center;background-color:#262626;border-bottom:2px solid #1e90ff;display:flex;height:60px;justify-content:space-between;margin-top:-60px;padding:0 3vw;position:-webkit-sticky;position:sticky;top:0;transition:.5s ease-in-out;width:100%;z-index:999}.nav h1{color:#fff;cursor:pointer;font-size:1.6rem;text-decoration:none}.nav .nav_mobile_icon_container{display:none}@media screen and (max-width:962px){.nav .nav_mobile_icon_container{color:#fff;display:block}}.nav .nav_mobile_icon_container .icon{cursor:pointer;font-size:1.8rem}.nav .nav_links_conatiner{align-items:center;display:flex;height:100%;justify-content:space-evenly;width:40%}@media screen and (max-width:962px){.nav .nav_links_conatiner{display:none}}.nav .nav_links_conatiner .link{align-items:center;color:#fff;cursor:pointer;display:flex;flex:.3 1;font-size:1.2rem;height:100%;justify-content:center;text-align:center;text-decoration:none;transition:.3s ease-in-out}.nav .nav_links_conatiner .link.active{color:#1e90ff}.nav .nav_links_conatiner .link:hover{color:#1e90ff;transition:.3s ease-in-out}.hide{opacity:0}.hide_icon{display:none}.nav_mobile{background-color:#1e90ff;box-shadow:2px 2px 3px #789;height:30%;justify-content:center;position:fixed;top:0;transition:.4s ease-in-out;z-index:998}.nav_mobile,.nav_mobile .nav_links_container{align-items:center;display:flex;flex-direction:column;width:100%}.nav_mobile .nav_links_container{color:#262626;font-size:1.4rem;height:80%;justify-content:space-evenly;padding-top:10%}.nav_mobile .nav_links_container .link{cursor:pointer}.nav_mobile .nav_links_container .link:hover{color:#fff;transition:.2s ease-in-out}.hide_mobile_nav{opacity:0;top:-100%}#about{align-items:center;background-color:#e8e8e8;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 60px);padding-bottom:15%;padding-top:10%;width:100%}#about .about_me_conatiner{align-items:center;color:#262626;display:flex;flex-direction:row;justify-content:space-between;width:50%}@media screen and (max-width:1920px){#about .about_me_conatiner{flex-direction:column;width:70%}}@media screen and (max-width:601px){#about .about_me_conatiner{width:80%}}@media screen and (max-width:414px){#about .about_me_conatiner{width:90%}}#about .about_me_conatiner .about_me_top{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:10vh;width:39%}@media screen and (max-width:1920px){#about .about_me_conatiner .about_me_top{flex-direction:row;margin-top:10vh}}@media screen and (max-width:1440px){#about .about_me_conatiner .about_me_top{width:80%}}@media screen and (max-width:962px){#about .about_me_conatiner .about_me_top{flex-direction:column}}@media screen and (max-width:601px){#about .about_me_conatiner .about_me_top{width:90%}}@media screen and (max-width:414px){#about .about_me_conatiner .about_me_top{width:80%}}@media screen and (max-width:375px){#about .about_me_conatiner .about_me_top{width:90%}}#about .about_me_conatiner .about_me_top .about_photo{border-radius:20px;box-shadow:2px 2px 2px #789;width:30%}@media screen and (max-width:962px){#about .about_me_conatiner .about_me_top .about_photo{margin-bottom:7vh}}@media screen and (max-width:601px){#about .about_me_conatiner .about_me_top .about_photo{margin-bottom:2vh}}#about .about_me_conatiner .about_me_top .about_education_container h2{border-bottom:2px solid #1e90ff;font-size:1.6rem;margin-bottom:1vh;padding-bottom:2vh;padding-left:1vw}#about .about_me_conatiner .about_me_top .about_education_container div{align-items:center;display:flex;justify-content:center;margin-bottom:1vh}#about .about_me_conatiner .about_me_top .about_education_container div img{width:30px}#about .about_me_conatiner .about_me_top .about_education_container div h3{color:#333;font-size:1.2rem;margin-left:1vw}#about .about_me_conatiner .about_me_top .about_education_container h4{color:#404040;font-size:1rem;padding-left:calc(30px + 1vw)}@media screen and (max-width:962px){#about .about_me_conatiner .about_me_top .about_education_container{margin-top:5vh}#about .about_me_conatiner .about_me_top .about_education_container h2{text-align:center}}#about .about_me_conatiner .about_me_botom{width:59%}@media screen and (max-width:1920px){#about .about_me_conatiner .about_me_botom{margin-bottom:15vh}}@media screen and (max-width:1440px){#about .about_me_conatiner .about_me_botom{margin-bottom:10vh;width:90%}}@media screen and (max-width:601px){#about .about_me_conatiner .about_me_botom{margin-bottom:5vh;width:95%}}@media screen and (max-width:414px){#about .about_me_conatiner .about_me_botom{width:90%}}@media screen and (max-width:375px){#about .about_me_conatiner .about_me_botom{width:95%}}#about .about_me_conatiner .about_me_botom h2{border-bottom:2px solid #1e90ff;font-size:1.6rem;margin-bottom:3vh;margin-top:2vh;padding-bottom:2vh;padding-left:1vw}@media screen and (max-width:962px){#about .about_me_conatiner .about_me_botom h2{text-align:center}}#about .about_me_conatiner .about_me_botom p{color:#404040;font-size:1.2rem;line-height:1.7;margin-bottom:1vh}@media screen and (max-width:414px){#about .about_me_conatiner .about_me_botom p{font-size:1.1rem}}#about .about_me_conatiner .about_me_botom p a{color:#262626;text-decoration:none;text-shadow:.1px .1px .1px #789}#about .about_me_conatiner .about_me_botom p a:hover{color:#1e90ff;text-shadow:.1px .1px .1px #fff}#about .about_skills_container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:10vh;min-height:60vh;width:60%}@media screen and (max-width:1920px){#about .about_skills_container{width:60%}}@media screen and (max-width:1440px){#about .about_skills_container{width:70%}}@media screen and (max-width:962px){#about .about_skills_container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:5vh;width:60%}}@media screen and (max-width:768px){#about .about_skills_container{margin-bottom:15vh;width:80%}}@media screen and (max-width:601px){#about .about_skills_container{width:85%}}@media screen and (max-width:414px){#about .about_skills_container{margin-top:5vh;width:100%}}@media screen and (max-width:375px){#about .about_skills_container{margin-bottom:10vh;margin-top:10vh}}.about_skill_card{align-items:center;background-color:#404040;box-shadow:3px 3px 2px #789;display:flex;flex-direction:column;height:calc(100% - 4vh);justify-content:flex-start;margin:2vh;padding:6vh;transition:.5s ease-in-out;width:calc(100% - 4vh)}@media screen and (max-width:962px){.about_skill_card{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding:4vh}}@media screen and (max-width:414px){.about_skill_card{flex-direction:column;justify-content:center;padding:3vh}}.about_skill_card .card_text_content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media screen and (max-width:962px){.about_skill_card .card_text_content{min-height:25vw;width:70%}}@media screen and (max-width:414px){.about_skill_card .card_text_content{min-height:25vw;width:100%}}.about_skill_card .card_text_content h1{border-bottom:1px solid #1e90ff;color:#fff;font-size:1.5rem;margin-top:4vh;padding-bottom:1vh;text-align:center;width:70%}@media screen and (max-width:962px){.about_skill_card .card_text_content h1{font-size:1.3rem;margin-top:0}}@media screen and (max-width:414px){.about_skill_card .card_text_content h1{font-size:1.2rem}}.about_skill_card .card_text_content p{color:#d3d3d3;font-size:1.1rem;line-height:1.8;margin-top:2vh;text-align:center}@media screen and (max-width:962px){.about_skill_card .card_text_content p{font-size:.9rem}}@media screen and (max-width:414px){.about_skill_card .card_text_content p{font-size:.8rem}}.about_icon{color:#1e90ff;font-size:5rem}@media screen and (max-width:375px){.about_icon{font-size:4rem}}#skills{background-color:#f5f5f5;justify-content:space-evenly;max-width:100vw;min-height:calc(100vh - 60px);padding-bottom:15vh;padding-top:10vh;width:100%}#skills,#skills .skills_container{align-items:center;display:flex;flex-direction:column}#skills .skills_container{justify-content:center;margin-top:10vh;width:60%}@media screen and (max-width:962px){#skills .skills_container{width:70%}}@media screen and (max-width:414px){#skills .skills_container{width:90%}}#skills .skills_container h1{border-bottom:2px solid #1e90ff;font-size:2.4rem;margin-bottom:3vh;padding-bottom:2vh;padding-left:1vw;width:100%}@media screen and (max-width:962px){#skills .skills_container h1{font-size:2rem;width:80%}}@media screen and (max-width:414px){#skills .skills_container h1{font-size:1.6rem}}#skills .skills_container .skill_card_container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly}.skill_card{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:30px}.skill_card h2{color:#404040;font-size:1.2rem;padding-top:1vh}.skill_icon{color:#1e90ff;font-size:4rem}@media screen and (max-width:962px){.skill_icon{font-size:3rem}}@media screen and (max-width:414px){.skill_icon{font-size:2rem}}#projects{background-color:#e8e8e8;max-width:100vw;min-height:calc(100vh - 60px)}#projects,#projects header{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%}#projects .projects_heading{border-bottom:2px solid #1e90ff;color:#262626;font-size:2.4rem;margin-bottom:10vh;margin-top:15vh;padding-bottom:1vh;padding-left:1vw;width:70%}@media screen and (max-width:414px){#projects .projects_heading{font-size:2rem}}#projects .projects_container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:10vh;width:80%}@media screen and (max-width:768px){#projects .projects_container{width:95%}}@media screen and (max-width:601px){#projects .projects_container{width:90%}}@media screen and (max-width:414px){#projects .projects_container{width:95%}}#projects .projects_transition{background-color:#e8e8e8;display:flex;height:10vh;width:100%}#projects .projects_transition .transition_left{background-color:#404040;-webkit-clip-path:polygon(0 101%,0 0,100% 101%);clip-path:polygon(0 101%,0 0,100% 101%);height:10vh;width:50%}#projects .projects_transition .transition_right{background-color:#404040;-webkit-clip-path:polygon(100% 101%,100% 0,0 101%);clip-path:polygon(100% 101%,100% 0,0 101%);height:10vh;width:50%}.projectCard_container{background-color:#404040;border-bottom:3px solid transparent;box-shadow:4px 4px 2px #789;display:flex;flex-direction:column;height:650px;justify-content:space-between;margin-bottom:5vh;padding:2%;transition:.3s ease-in-out;width:30.33333%}@media screen and (max-width:1440px){.projectCard_container{height:630px;width:45.5%}}@media screen and (max-width:962px){.projectCard_container{height:650px}}@media screen and (max-width:601px){.projectCard_container{height:625px;padding:5%;width:91%}}@media screen and (max-width:414px){.projectCard_container{height:500px}}@media screen and (max-width:375px){.projectCard_container{height:450px}}.projectCard_container:hover{border-bottom:3px solid #1e90ff;box-shadow:2px 2px 2px #789}.projectCard_container .projectCard_content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.projectCard_container .projectCard_content .projectCard_img{height:25vh;margin-bottom:2vh;width:100%}.projectCard_container .projectCard_content .projectCard_title{border-bottom:1px solid #1e90ff;color:#fff;font-size:1.8rem;line-height:1.2;margin-bottom:2vh;padding-bottom:1vh;width:90%}@media screen and (max-width:414px){.projectCard_container .projectCard_content .projectCard_title{font-size:1.2rem}}.projectCard_container .projectCard_content .projectCard_description{color:#d3d3d3;font-size:1.2rem;line-height:1.4}@media screen and (max-width:414px){.projectCard_container .projectCard_content .projectCard_description{font-size:.9rem}}.projectCard_container .links_conatiner .link{color:#d3d3d3;font-size:1rem;margin-right:20px;text-decoration:none}@media screen and (max-width:414px){.projectCard_container .links_conatiner .link{font-size:.9rem}}.projectCard_container .links_conatiner .link:hover{color:#1e90ff;text-decoration:underline}#contact{background-color:#404040;justify-content:space-between;min-height:calc(100vh - 60px)}#contact,#contact .contact_content_container{align-items:center;display:flex;flex-direction:column;width:100%}#contact .contact_content_container{height:calc(90vh - 60px);justify-content:center;margin-top:5vh}#contact .contact_content_container .contact_content{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;width:55%}@media screen and (max-width:962px){#contact .contact_content_container .contact_content{width:60%}}@media screen and (max-width:414px){#contact .contact_content_container .contact_content{width:80%}}#contact .contact_content_container .contact_content h1{border-bottom:2px solid #1e90ff;color:#fff;font-size:2.4rem;margin-bottom:5vh;padding-bottom:2.5vh;width:100%}@media screen and (max-width:1440px){#contact .contact_content_container .contact_content h1{font-size:2.2rem}}@media screen and (max-width:962px){#contact .contact_content_container .contact_content h1{font-size:1.7rem}}@media screen and (max-width:414px){#contact .contact_content_container .contact_content h1{font-size:1.4rem;margin-bottom:2vh;padding-bottom:1.5vh}}#contact .contact_content_container .contact_content p{color:#d3d3d3;font-size:1.6rem;line-height:1.6;width:90%}@media screen and (max-width:1440px){#contact .contact_content_container .contact_content p{font-size:1.4rem}}@media screen and (max-width:962px){#contact .contact_content_container .contact_content p{font-size:1.1rem;line-height:2}}@media screen and (max-width:414px){#contact .contact_content_container .contact_content p{font-size:1rem}}#contact .contact_content_container .contact_content p span{color:#f5f5f5;transition:.3s ease-in-out}#contact .contact_content_container .contact_content p span:hover{color:#1e90ff}#contact .contact_content_container .contact_content p a{color:#f5f5f5;text-decoration:none;transition:.3s ease-in-out}#contact .contact_content_container .contact_content p a:hover{color:#1e90ff}#contact .contact_content_container .contact_content .contact_socials_container{align-items:center;display:flex;justify-content:center;margin-top:10vh;width:100%}#contact .contact_copyright{align-items:center;background-color:#262626;display:flex;height:10vh;justify-content:center;width:100%}#contact .contact_copyright h4{color:#1e90ff;font-size:.8rem;margin-left:.5rem}@media screen and (max-width:962px){#contact .contact_copyright h4{font-size:.6rem}}#contact .contact_copyright .copyright_icon{color:#1e90ff;font-size:1rem}@media screen and (max-width:962px){#contact .contact_copyright .copyright_icon{font-size:.7rem}}.social_card{flex-direction:column;height:100%;width:20%}.social_card,.social_card .social_link{align-items:center;display:flex;justify-content:center}.social_card .social_link{background-color:#262626;border-radius:15px;box-shadow:1px 1px #000;color:#1e90ff;font-size:4.5rem;min-height:8vh;min-width:8vh;text-decoration:none;transition:.4s ease-in-out}@media screen and (max-width:1440px){.social_card .social_link{font-size:4rem}}@media screen and (max-width:962px){.social_card .social_link{font-size:2.75rem}}@media screen and (max-width:414px){.social_card .social_link{font-size:2.8rem;min-height:6vh;min-width:6vh}}.social_card .social_link:hover{box-shadow:1px 1px #789;color:#fff}.social_card .tooltip{background-color:#1e90ff;border-radius:10px;color:#d3d3d3;font-size:1.2rem;font-weight:700;margin-top:2vh;opacity:0;padding:10px;text-align:center;transition:.3s ease-in-out;width:90%}@media screen and (max-width:1440px){.social_card .tooltip{font-size:1rem}}@media screen and (max-width:962px){.social_card .tooltip{font-size:.8rem}}@media screen and (max-width:414px){.social_card .tooltip{font-size:.6rem}}.social_card .unhide{opacity:1}
/*# sourceMappingURL=main.c5191539.css.map*/