body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.quotes blockquote,.quotes figure{margin-block:.5em;margin-inline:.5em}.quotes{width:100%}article{-webkit-margin-before:5em;margin:0 auto;margin-block-start:5em}article section{display:inline-block;width:100%}section h2{border:2px solid #3bd9f5;border-radius:10px;font-size:3vw;margin:20px auto;text-align:center;-webkit-transform:skew(30deg,3deg);transform:skew(30deg,3deg);width:35%}section .book{margin-bottom:1px}.cards{width:40%}.cards div{margin:0 auto;width:100%}article aside{background-color:#4a5354;border-radius:5px;float:right;margin:0 auto;padding-inline:.5em;width:30rem}@media (max-width:426px){article aside{background-color:#3bd9f5;margin:0 auto;padding-inline:.5em;width:92%}.cards img{border-radius:80px;height:25em;margin-top:4vh}.cards div{margin:0 auto;width:34%}.cards{margin:0 auto;width:25%}}.cards img{border-radius:80px;height:25em}@media (min-width:427px) and (max-width:916px){.cards img{block-size:auto;border-radius:80px;height:25em;margin-top:4vh;max-inline-size:100%;object-fit:contain}.cards-img{margin:0 auto;width:20%}.cards div{margin:0 auto;width:34%}.cards,article aside{margin:0 auto;width:100%}article aside{background-color:#4b4a54;border-radius:5px;padding-inline:.5em}}.x-mark{left:calc(100% - 25em);position:static;top:5em}.greater-than-symbol{left:calc(100% - 25em);top:7em}.viewport-page{height:95.4vh;width:100%}.books{-webkit-margin-before:3em;-webkit-margin-start:.7em;-webkit-margin-after:2em;margin-block-end:2em;margin-block-start:3em;margin-inline-start:.7em;width:25em}.book-footer{background-color:#0ecaeb}.row-it{display:flex;flex:1 1;flex-direction:row}.row-it img{height:50rem;width:50rem}.book-body{background-color:#4a5354;border:2px solid #0ecaeb;border-radius:10px;padding:2em}.book-body:hover{background-color:#0ecaeb;border:2px dashed #4a5354;border-radius:10px;padding:5em}.book-body img{height:40vh;max-width:100%}.book-body>p{-webkit-margin-before:0;margin-block-start:0}@media (max-width:768px){.row-it{display:flex;flex-direction:column}.book-body{padding-inline:1em}.books{-webkit-margin-before:5em;-webkit-margin-start:.5em;-webkit-margin-after:2em;margin-block-end:2em;margin-block-start:5em;margin-inline-start:.5em;width:100%}.row-it img{margin:0 auto}}.skill-cardly1,.skill-cardly2,.skill-cardly3,.skill-cardly4,.skill-cardly5{margin-inline:1%;width:18%}.skill-card{background-color:#4a5354;border:2px solid #3bd9f5;border-radius:10px;padding:5px}.skill-card:hover{background-color:#3bd9f5;border:2px dashed #4a5354;border-radius:10px;color:#4a5354;padding:5px}@media (max-width:320px){.skill-card{display:grid;grid-template-columns:1fr 1fr}.skill-card span{display:inline-block;width:5em}}@media (min-width:321px) and (max-width:517px){.skill-card{display:grid;grid-template-columns:1fr 1fr}.skill-card span{display:inline-block;width:5em}}@media (min-width:519px) and (max-width:694px){.skill-card{display:grid;grid-template-columns:1fr 1fr 1fr}.skill-card span{display:inline-block;width:5em}}@media (min-width:695px){.skill-card{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.skill-card span{display:inline-block;width:5em}}@media (min-width:770px){.skill-card{display:flex}}::-webkit-scrollbar{width:0}.courses{-webkit-margin-before:2em;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5em;margin-block-start:2em;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:inline mandatory}.course{flex-basis:25em;flex-shrink:0;scroll-snap-align:start;width:300px}.course-body{height:55vh}.course img{block-size:auto;max-inline-size:100%;object-fit:contain}.bullet,.date-yr,.industry,.location,.tasks{width:1.5em}.bullet{margin-left:3px;margin-right:5px;padding-bottom:1%}@media(max-width:1180px){.bullet{margin-left:3px;margin-right:5px;padding-bottom:25px;width:1.5em}}@media(max-width:850px){.tasks-detail div:first-child :nth-of-type(4) .bullet,.tasks-detail div:nth-child(2) :nth-of-type(3) .bullet,.tasks-detail div:nth-child(2) :nth-of-type(5) .bullet{padding-bottom:5px}}.x-card{background-color:#4a5354;border:2px solid #3bd9f5;border-radius:10px}.x-card:hover{background-color:#3bd9f5;border:2px dashed #4a5354;border-radius:10px}.x-card .tasks-detail{margin-inline:1em}.tasks-detail,.tasks-detail p{align-items:flex-end;display:inline-flex;margin:0}.task-fade-left,.task-fade-right{background-color:#4a5354;border:0 dashed #3bd9f5;border-radius:10px;height:50vh;margin:0 3px;padding:2%}@media (min-width:361px) and (max-width:742px){.task-fade-left,.task-fade-right{background-color:#4a5354;border:0 dashed #3bd9f5;border-radius:10px;height:137vh;height:40rem;margin:0 3px;padding:2%}}@media (max-width:360px){.task-fade-left,.task-fade-right{background-color:#4a5354;border:0 dashed #3bd9f5;border-radius:10px;height:150vh;margin:0 3px;padding:2%}}.task-fade-left:hover,.task-fade-right:hover{background-color:#3bd9f5;border:2px dashed #4a5354;border-radius:10px;color:#4a5354}.firm-worked{background-color:initial;border:0 dashed #3bd9f5;border-radius:10px;margin:5px 1px}.firm-worked:hover{background-color:initial;border:0 dashed #4a5354;color:#4a5354}.edu-date,.graduate,.school{width:2em}.educate-box{background-color:#4a5354;border:2px solid #3bd9f5;border-radius:10px}.educate-box:hover{background-color:#3bd9f5;border:2px dashed #4a5354;border-radius:10px;color:#4a5354}.grided-view{grid-column-gap:5em;-webkit-column-gap:5em;column-gap:5em;display:grid;grid-template-columns:repeat(3,1fr)}.middle-intro h1,.middle-intro h3{font-size:xx-large;text-align:center}.left-icons{-webkit-padding-start:4.3em;padding-inline-start:4.3em}.left-icons,.right-icons{width:-webkit-min-content;width:min-content}.right-icons{-webkit-padding-start:8em;padding-inline-start:8em}.left-icons :nth-child(2),.right-icons :nth-child(2){-webkit-margin-start:8em;margin-inline-start:8em}.grided-view div p{grid-row-gap:1em;display:grid;grid-template-rows:1fr 1fr 1fr;row-gap:1em}@media screen and (min-width:1445px){.grided-view{grid-column-gap:5em;-webkit-column-gap:5em;column-gap:5em;display:grid;grid-template-columns:repeat(3,1fr)}.grided-view .left-icons,.grided-view .right-icons{margin:0 auto}.grided-view .left-icons{-webkit-padding-start:2em;padding-inline-start:2em}}@media screen and (max-width:1024px){.grided-view{grid-column-gap:5em;-webkit-column-gap:5em;column-gap:5em;display:grid;grid-template-columns:repeat(3,1fr)}.left-icons{-webkit-padding-start:3.3em;padding-inline-start:3.3em}.right-icons{-webkit-padding-start:5em;padding-inline-start:5em;width:-webkit-min-content;width:min-content}.left-icons :nth-child(2),.right-icons :nth-child(2){-webkit-margin-start:7em;margin-inline-start:7em}}@media screen and (max-width:860px){.grided-view{grid-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;display:grid;grid-template-columns:repeat(3,1fr)}.left-icons{-webkit-padding-start:.3em;padding-inline-start:.3em}.right-icons{-webkit-padding-start:5em;padding-inline-start:5em;width:-webkit-min-content;width:min-content}.left-icons :nth-child(2),.right-icons :nth-child(2){-webkit-margin-start:7em;margin-inline-start:7em}}@media screen and (max-width:590px){.right-icons{-webkit-padding-start:3em;padding-inline-start:3em;width:-webkit-min-content;width:min-content}}@media screen and (max-width:556px){.right-icons{-webkit-padding-start:1em;padding-inline-start:1em;width:-webkit-min-content;width:min-content}}@media screen and (max-width:528px){.grided-view{grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:repeat(3,1fr);margin-inline:.5em}.right-icons{-webkit-padding-start:1em;margin-inline:.2;padding-inline-start:1em;width:-webkit-min-content;width:min-content}}@media screen and (max-width:500px){.grided-view{grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:repeat(3,1fr);margin-inline:.5em}.right-icons{-webkit-padding-start:1em;margin-inline:.2;padding-inline-start:1em;width:-webkit-min-content;width:min-content}.left-icons :nth-child(2),.right-icons :nth-child(2){-webkit-margin-start:6em;margin-inline-start:6em}}@media screen and (max-width:478px){.right-icons{-webkit-padding-start:.5em;margin-inline:.2;padding-inline-start:.5em;width:-webkit-min-content;width:min-content}.left-icons :nth-child(2),.right-icons :nth-child(2){-webkit-margin-start:4em;margin-inline-start:4em}}@media screen and (max-width:375px){.right-icons{-webkit-padding-start:1em;margin-inline:.2;padding-inline-start:1em;width:-webkit-min-content;width:min-content}.left-icons :nth-child(2),.right-icons :nth-child(2){-webkit-margin-start:2em;margin-inline-start:2em}}@media screen and (max-width:320px){.grided-view{grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:repeat(3,1fr);margin-inline:.05em}.right-icons{-webkit-padding-start:.4em;margin-inline:.2;padding-inline-start:.4em;width:-webkit-min-content;width:min-content}.left-icons :nth-child(2),.right-icons :nth-child(2){-webkit-margin-start:1em;margin-inline-start:1em}}.projects{-webkit-margin-before:2em;display:flex;flex-direction:row;flex-wrap:nowrap;gap:5em;margin-block-start:2em;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:inline mandatory;width:100%}.proj{flex-shrink:0;scroll-snap-align:start}.proj-body{height:55vh}.proj img{max-inline-size:100%}.contact-form{background-color:#4a5354;border:2px solid #3bd9f5;border-radius:10px}.contact-form,.contact-form:hover{height:75vh;margin:auto;padding:1em;width:60%}.contact-form:hover{background-color:#3bd9f5;border:2px dashed #4a5354;border-radius:10px}.form-heading{margin:0 auto;width:7.2em}form{margin:0 auto;width:50%}.form-group{height:10vh}.form-group label{height:20px;margin:auto}input{height:25px}input,textarea{border:none;border-radius:5px;outline-color:#3bd9f5;width:100%}.longtext{height:24vh}button{background-color:#3bd9f5;border-color:#f0f8ff;border-radius:20px;height:5vh;margin-bottom:10px;margin-top:6px;width:100%}.foot{display:flex;flex-direction:row;justify-content:center;position:relative}.foot div:nth-child(4),.foot div:nth-child(5){padding-top:10px}.foot div{margin:1em}@media (max-width:768px){.foot{display:flex;flex-direction:column}.foot div{margin:0 auto;text-align:center}}.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)}}nav{-webkit-margin-before:3em;display:flex;flex-direction:row;gap:5%;justify-content:center;margin-block-start:3em;margin-inline:10%}nav div{margin:0}.nav-link:link{color:#0ecaeb;font-size:larger;font-weight:800;text-decoration:none}.nav-link:visited{border-right:2px solid #0ecaeb;color:gray}.nav-link:focus{background:linear-gradient(270deg,#000,#080808,#c5c6c6,#fff);border-left:2px dashed #0ecaeb;color:#4a5354}.nav-link:hover{border-left:2px solid #0ecaeb;color:#4a5354}.nav-link:active{border-bottom:2px solid #0ecaeb;color:#eb1212}nav :nth-of-type(6){display:none}@media screen and (max-width:804px){nav :nth-of-type(6){border:2px solid #0ecaeb;display:block;float:left}nav .icon-menu,nav :nth-of-type(6) div{-webkit-margin-before:.08em;color:#0ecaeb;font-size:2ch;margin-block-start:.08em;margin-inline:.1em}nav .nav-link:not(:last-child){display:none}nav.responsive{position:relative}nav.responsive :nth-of-type(6){position:absolute;right:0;top:0}nav.responsive .nav-link{display:block;float:none;text-align:left}nav.responsive{flex-direction:column}}.funy{color:#a9ebf5;font-size:50px;font-weight:700}
/*# sourceMappingURL=main.bde0387f.css.map*/