body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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)}}.intro{display:flex;height:100vh}.intro .introLeft{flex:1 1}.intro .introLeft .i-scroll{bottom:20px;height:30px;position:absolute;width:30px}.intro .introLeft .introLeftWrapper{display:flex;flex-direction:column;height:50%;justify-content:space-between;padding:50px}.intro .introLeft .introLeftWrapper .introText{font-size:30px;font-weight:300}.intro .introLeft .introLeftWrapper .introName{font-size:60px}.intro .introLeft .introLeftWrapper .introTitle{height:50px;overflow:hidden}.intro .introLeft .introLeftWrapper .introTitle .introTitleWrapper{-webkit-animation:move 10s ease-in-out infinite alternate;animation:move 10s ease-in-out infinite alternate;height:100%}.intro .introLeft .introLeftWrapper .introTitle .introTitleWrapper .introTitleItem{align-items:center;color:#ff3f59;display:flex;font-size:30px;font-weight:700;height:50px}.intro .introRight{flex:1 1;position:relative}.intro .introRight .introBg{background-color:#282750;-webkit-clip-path:polygon(58% 0,100% 0,100% 100%,21% 100%);clip-path:polygon(58% 0,100% 0,100% 100%,21% 100%);height:100%;position:absolute;right:0;top:0;width:100%}@-webkit-keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@media screen and (max-width:480px){.intro{flex-direction:column}.intro .introRight .introBg{display:none}.intro .introLeftWrapper{align-items:center;height:100%;justify-content:center;padding:10px;text-align:center}.intro .introLeftWrapper .introDescription{display:none}}.toggle{align-items:center;background-color:#fff;border:1px solid #999;border-radius:20px;display:flex;height:40px;justify-content:space-around;position:fixed;right:10%;top:10px;width:80px;z-index:999}.toggle .sunIcon{color:orange}.toggle .moonIcon,.toggle .sunIcon{align-items:center;display:flex;font-size:30px}.toggle .moonIcon{color:#000}.toggle .toggleBtn{background-color:#999;border-radius:50%;cursor:pointer;height:40px;position:absolute;width:44px}.contact{display:flex;height:100vh}.contact .left{align-items:center;background-size:cover;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact .left .icons{display:flex;flex-direction:column;margin:0;padding:1rem}.contact .left .icons i{font-size:35px}.contact .left .icons span{font-size:30px}.contact .right{flex:1 1}.contact .right,.contact .right .form{align-items:center;display:flex;justify-content:center}.contact .right .form{flex-direction:column;width:100%}.contact .right .form input{border:none;border-bottom:1px solid #000;height:50px}.contact .right .form input,.contact .right .form textarea{font-size:15px;margin:10px 0;padding:10px;width:50%}.contact .right .form button{background-color:#282750;border:none;border-radius:15px;color:#fff;padding:15px}@media screen and (max-width:480px){.contact{flex-direction:column;height:100%}.contact .left .icons i{font-size:25px}.contact .left .icons span{font-size:20px}}.btn button{background-color:#282750;border:none;border-radius:15px;color:#fff;padding:15px}.about{height:100vh}.about,.about .aboutLeft{align-items:center;display:flex}.about .aboutLeft{flex:1 1;justify-content:center;position:relative}.about .aboutLeft .aboutCard{border-radius:30px;height:70vh;width:60%}.about .aboutLeft .aboutCard .aboutImg{height:100%;object-fit:cover;width:120%}.about .aboutRight{display:flex;flex:1 1;flex-direction:column}.about .aboutRight .aboutSkillContainer{display:flex;flex-wrap:wrap}.about .aboutRight .aboutSkillContainer .borderSkill{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem}.about .aboutRight .aboutSkillContainer .icon{font-size:50px}@media (max-width:480px){.about{flex-direction:column;height:100%;text-align:center}.about .aboutRight{padding:20px;width:100%}.about .aboutLeft{width:100%}.about .aboutLeft .aboutCard{height:30vh}}.f{background-color:#282750;display:flex;flex-direction:column;height:80px;width:100%}.f .icons{font-size:25px}.f .icons,.f .text{display:flex;justify-content:center}.f .text{align-items:center;color:#fff}.projects{display:flex;flex-wrap:wrap;height:100vh;justify-content:space-around}.projects .containerProject{border-radius:15px;justify-content:center;width:400px}.projects .containerProject,.projects .containerProject .textProject{align-items:center;display:flex;flex-direction:column;padding:15px}.projects .containerProject .textProject .titleProject{font-size:25px}.projects .containerProject .borderProject{width:300px}.projects .containerProject .borderProject .ageProject{color:#d3d3d3;font-size:10px;text-align:center}.projects .containerProject .borderProject .imgProject{border-radius:25%;height:250px;width:100%}@media screen and (max-width:768px){.projects{height:100%}}@media screen and (min-width:768px){.projects{height:100%}}
/*# sourceMappingURL=main.157691d8.css.map*/