body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}.mag{margin-top:5%}.magMobile{margin-top:20%}.mab,.mabMobile{margin-top:10%}.center{text-align:center}.fullwidth{max-width:100%}.skill{width:100%;background-color:#d3d3d3}.mainphoto{padding:2%;margin-top:2%}.bg{background-color:#211e1e;max-width:100%;position:relative;width:100%;height:20%;padding:20%}.bgtest{background-image:url(/static/media/clement-h-544786-unsplashv1.ef541b43.jpg);height:120px;padding:30%;background-size:cover;background-repeat:no-repeat}.Loadimg{margin-top:25%}.bgtext{margin-top:35%}.firstletter{color:#fff}.firstletter,.secendletter{position:relative;font:7em sans-serif;font-weight:700}.secendletter{color:#1f1919;-webkit-animation-name:firstle;animation-name:firstle;-webkit-animation-duration:50ms;animation-duration:50ms;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes firstle{0%{opacity:0;color:#fff};50%{opacity:1;color:#fff}to{opacity:1;color:#fff}}@keyframes firstle{0%{opacity:0;color:#fff};50%{opacity:1;color:#fff}to{opacity:1;color:#fff}}.dash{position:relative;color:#000;font:7em sans-serif;font-weight:700;-webkit-animation-name:dasha;animation-name:dasha;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:.3s;animation-duration:.3s}.mainHrr{margin-bottom:4%;margin-left:28%;margin-right:28%}.footnote{text-align:right;margin-right:5px;color:#eb9a9a;font-weight:700;font-size:8px}@-webkit-keyframes dasha{0%{color:#000}to{color:#fff}}@keyframes dasha{0%{color:#000}to{color:#fff}}.gitbutton{border-radius:12px}.navTitleButton{color:#fff;font-weight:700;background-color:transparent;border-color:transparent}.navTitleButton:focus{outline:0}.navTitleButton:hover{color:#ff4500}.LinkenInButton{border-radius:12px;margin-right:4px}.mag{margin-bottom:20}.navWhite{color:#fff}.navSelection{top:10px;color:#fff}.navSelection:hover{color:#fff;border-bottom:3px solid peru}.mar{margin-top:25%}.photo{border-radius:50%;width:20%}.photoButton{background-color:#8a2be2;border-radius:20ch;color:#e4d9d9;font-weight:700}.mar{margin-top:4%}.dot{height:70px;width:70px;position:relative;background-color:#000;border-radius:50%;display:inline-block;color:snow;text-align:center;font-weight:700;font-size:30px}.pad{padding-top:17%;padding-left:9%}.hrr{margin-right:26%;margin-left:26%}.head{margin-top:2%;margin-bottom:2%}.headResize{margin-top:4%;margin-bottom:2%}.projectMoreButton{background-color:#4e4ef5;border-radius:50px;padding:2px 10px;color:#f7f7f7;font-weight:600}.center{display:flex;justify-content:center}.cardtext,.cardtextchilder{height:100%}.cardtextchilder{height:80%}.pad{padding-top:15;padding-bottom:10%}.aptCard{padding-bottom:25%}.textleft{text-align:left}.contain{border-right:4px solid #8a2be2;height:100%;left:50%}.circle,.contain{position:absolute}.circle{border:4px solid #8a2be2;background-color:#fff;border-radius:50%;width:40px;height:40px;top:20px;left:calc(50% - 18px)}.tfleft{text-align:left}.tright{float:right}.tleft{float:left;font-weight:700}.t_backgroud{padding:2%;margin-top:20px;margin-right:20px;border-radius:20px;background-color:#eee}.circle_icon{position:relative;top:5%;left:1%}.martop{margin-top:14%}
/*# sourceMappingURL=main.7bb309d4.chunk.css.map */