@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);@import url(https://fonts.googleapis.com/css2?family=Square+Peg&family=Uchen&display=swap);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}body:after{bottom:0;box-shadow:0 0 60px 30px #000;content:"";left:0;position:fixed;width:100%}.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}h2{text-transform:uppercase}.header__logo .material-symbols-outlined:hover{opacity:0}.header__logo:hover{background-image:url(/static/media/developer.9d81f1bb6097ee3afd75.svg);background-position:50%;background-repeat:no-repeat;background-size:200px 300px}.header__container{align-items:center;background:rgba(0,0,0,.9) url(https://images.unsplash.com/photo-1625535069654-cfeb8f829088?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1932&q=80);background-blend-mode:darken;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:100vh}.material-symbols-outlined{color:#fff;font-size:200px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.header__name{font-family:Square Peg,cursive;font-size:50px;margin:0}.header__name:hover~hr{width:180px}hr{background:#fff;border:#fff;height:3px;margin:0;transition:width .45s ease-out;width:0}.header__position{font-family:Uchen,serif;font-weight:700;margin:0;text-transform:uppercase}.header__name,.header__position{color:#fff}.about{max-height:100%;padding:50px 10px}.about__text p{text-align:left}.about__wrapper{display:flex;flex-direction:row;justify-content:space-around;margin:50px auto;width:90%}.about__introduction{flex:2 1;justify-content:center;padding:0 20px}h2.about__heading{border-top:5px solid #666;color:#666;display:inline;font-size:30px;margin-top:0;padding-top:5px;text-transform:uppercase;width:100%}.about__photo{flex:1 1;justify-content:center;padding:0 20px}.about__photo img{box-shadow:0 4px 6px rgba(0,0,0,.3);max-width:300px;padding:10px;transition:all .2s linear}.about__photo img:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.about__card{border:1px solid rgba(0,0,0,.125);border-radius:5px}.about__card p{margin:20px}.about__card-header{background-color:rgba(0,0,0,.8);border-bottom:1px solid rgba(0,0,0,.125);display:flex;margin-bottom:0;padding:.75rem 1.25rem}.about__card-header span{background-color:#faebd7;border-radius:100%;display:inline-block;height:10px;margin-right:8px;width:10px}.about__card-header span:first-child{background-color:#ed4c5d}.about__card-header span{background-color:#f9cb58}.about__card-header span:last-child{background-color:#78b159}@media only screen and (max-width:767px){.about__wrapper{flex-direction:column;width:100%}.about__introduction,.about__photo{padding:40px 0}.about__photo img{max-width:90%}.skills{padding:0 10px}.skills__experience--list,.skills__know--list{padding:0}.skills .skill{font-size:30px;width:50%}.skills .skill__text{font-size:14px;margin:12px auto}.timeline .timeline__name{font-size:medium;text-align:left}.timeline .timeline__container:nth-child(2n) .timeline__description,.timeline .timeline__container:nth-child(2n) .timeline__name,.timeline .timeline__container:nth-child(2n) .timeline__year,.timeline .timeline__container:nth-child(odd) .timeline__description,.timeline .timeline__container:nth-child(odd) .timeline__name,.timeline .timeline__container:nth-child(odd) .timeline__year{font-size:14px;line-height:22px;text-align:left}.timeline .timeline__verticalline{height:40%;left:35px}.timeline .timeline__container:nth-child(2n) .timeline__icon,.timeline .timeline__container:nth-child(odd) .timeline__icon{margin:0}.timeline .timeline__container:nth-child(2n),.timeline .timeline__container:nth-child(odd){grid-template-areas:"image       ..." "year        year" "name        name" "description description" "description description";height:100%;left:3.5rem;margin:30px 0;max-width:70%}.projects .project{box-shadow:inset 0 0 0 5px #b4b4b4;opacity:1}.projects__container{padding:0 20px}}.projects{background-color:#000;background:rgba(0,0,0,.8) url(https://images.unsplash.com/photo-1586776977607-310e9c725c37?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);background-blend-mode:darken;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;padding:50px 0}.projects__container{display:flex;flex-wrap:wrap;justify-content:space-around;margin:50px 0;row-gap:70px}.projects__heading{border-top:5px solid #ccc;color:#fff;color:#ccc;display:inline;font-size:30px;padding-top:5px;text-transform:uppercase;width:100%}.project:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .2s ease-in-out}.project{background-color:#fff;border-radius:20px;min-height:400px;opacity:.8;transition:all .2s ease-in;width:400px}.project .project__link{text-decoration:none}.project__text{color:#333;margin:20px 30px;text-align:left}.project__skill{background-color:#333;border-radius:40px;color:#fff;display:inline-flex;margin-bottom:10px;margin-right:20px;padding:5px 10px}.project__img{background-color:#2a2a72;background-image:linear-gradient(315deg,#2a2a72,#009ffd 74%);border-radius:20px 20px 0 0;height:250px;object-fit:cover;opacity:.7;width:100%}.skills{padding:50px 10px}.skills__heading{border-top:5px solid #666;color:#666;display:inline;font-size:30px;padding-top:5px;text-transform:uppercase;width:100%}.skills__experience--list,.skills__know--list{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none;margin:30px auto}.skills__experience,.skills__know{margin:50px auto}.skills__text{color:#b1a9a9;display:inline;font-size:22px;width:100%}.skills__divider{background:#39d1b4}hr.skills__divider{border:1px #39d1b4;height:1px;margin:30px auto;position:relative;width:10%}.skills__divider:before{background:#39d1b4;border:2px solid #39d1b4;content:"";display:inline-block;height:6px;left:50%;margin:0 0 0 -3px;position:absolute;top:-5px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);width:6px}.skill{display:flex;flex-direction:column;font-size:60px;margin:20px auto;width:15%}.skill__text{font-size:20px;font-weight:200;margin:20px auto}.timeline{background-color:#000;background:rgba(0,0,0,.95) url(https://images.unsplash.com/flagged/photo-1573162915835-520ee6d112b5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1169&q=80);background-blend-mode:darken;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;padding:50px 0}.timeline h2{border-top:5px solid #ccc;color:#fff;color:#ccc;display:inline;font-size:30px;padding-top:5px;text-transform:uppercase;width:100%}.timeline__container:nth-child(odd){left:8rem;position:relative;z-index:100}.timeline__container:nth-child(2n){grid-template-areas:"...  name  image" "...  year  image" "description  description  image";left:-5rem;position:relative;z-index:100}.timeline__container:nth-child(2n) .timeline__description,.timeline__container:nth-child(2n) .timeline__name,.timeline__container:nth-child(2n) .timeline__year{text-align:right}.timeline__container{align-content:space-evenly;display:grid;grid-template-areas:"image  name  ..." "image  year  ..." "image  description  description";height:100px;justify-content:flex-start;margin:20px auto;max-width:400px}.timeline__verticalline{background:#f0f8ff;border-right:1px dotted;height:30%;left:50vw;margin-top:10px;position:absolute;z-index:50}.timeline__icon img{width:100px}.timeline__year{grid-area:year}.timeline__description{grid-area:description}.timeline__name{font-size:larger;font-style:italic;font-weight:600;grid-area:name}.timeline__icon{align-self:center;background-color:rgba(0,0,0,.536);grid-area:image;margin:auto 30px}.timeline__description,.timeline__name,.timeline__year{text-align:left}.timeline__divider{border-top:2px solid}.contact{background-color:#000;bottom:0;font-size:20px;padding:35px 0;position:-webkit-sticky;position:sticky;z-index:101}.contact .material-symbols-outlined{color:#fff;font-size:24px;margin-right:5px;text-decoration:none;vertical-align:sub}.contact a{color:#fff;font-size:20px;text-decoration:none}.contact a:hover{cursor:pointer;text-decoration:underline}
/*# sourceMappingURL=main.e5d4f3d5.css.map*/