body{margin: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}.App{text-align:center;background-color:#282c34;min-height:100vh;color:#fff;min-width:1000px}.mailAndPhoneArea{width:700px;justify-content:flex-end}.header,.mailAndPhoneArea{display:flex;align-items:flex-start}.header{width:1000px;border:0 solid red;margin-top:0;justify-content:space-between}.cap{text-transform:uppercase}.textArea{text-align:left;border:0 solid #00f;height:100%;padding-top:120px;padding-left:20px}.mainTextColor{color:#0cf}.fat{font-weight:700}.smallHeroSize{font-size:20px;padding-bottom:10px}.heroArea{display:flex;justify-content:space-between;align-items:center;width:1000px}.heroArea,.sig{border:0 solid red}.sig{text-align:right;padding-bottom:25px}.heroAreaLeft{border:0 solid red;display:flex;justify-content:space-between;flex-direction:column;height:100%;width:100%}.heroSize{font-size:40px}.mail,.phone{margin-top:25px}.phone{margin-right:20px}.withIcon,.withIcon>div{display:flex;justify-content:center;align-items:center}.withIcon>div:first-child{margin-right:5px;padding-top:3px}a,a:visited{color:#fff;text-decoration:none}a:hover{text-decoration:underline;cursor:pointer}.area1{height:654px;background-image:url(/static/media/hero-img.6fa8d14a.jpg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:top;align-items:center;flex-direction:column;position:relative}.area2Start{padding-top:50px;padding-bottom:12px;font-size:35px}.area2Start,.area2Sub{font-weight:600;text-transform:uppercase}.area2Sub{color:#0cf;padding-bottom:50px;font-size:20px;font-style:italic}.area2{padding-bottom:70px}.donutArea{display:flex;justify-content:center;align-items:center}.area3space{padding-bottom:0}.area3{height:2150px;background-image:url(/static/media/bg.c45ab143.jpg);background-size:100% auto;padding-bottom:50px}.area3,.area5{display:flex;justify-content:top;align-items:center;flex-direction:column}.area5{background-color:#161616}.aboutMeArea{text-align:left;display:flex;align-items:top;justify-content:center;padding-bottom:70px;padding-top:30px}.aboutMeArea table{padding-left:30px}.aboutMeArea table td{padding-top:5px;padding-bottom:5px}.aboutMeArea table tr>td:first-child{font-weight:700;font-size:14px;width:140px}.aboutMeArea table tr>td:not(:first-child),.aboutMeText{color:#d3d3d3}.aboutMeText{vertical-align:top;text-align:left;font-size:14px;height:60px}.hobbyArea{display:flex;align-items:center;padding-top:20px;width:250px}.hobbyArea>div:first-child{padding-right:10px}.flag{cursor:pointer;margin-right:10px;border:1px solid #fff;height:18px}.flagArea{display:flex;justify-content:center;align-items:center;margin-top:25px;margin-right:30px}.block{background:#282c34;border-radius:5px;width:300px}.block,.donut-chart-block{overflow:hidden}.donuttextbig{width:300px;font-size:20px;font-weight:700;padding-bottom:10px}.donuttextsmall{width:300px;font-style:italic;font-size:12px}.donut-chart{position:relative;width:200px;height:200px;margin:2rem auto;border-radius:100%}.donut-chart .center{background:#282c34;position:relative;top:30px;left:30px;height:100px;width:140px;padding-top:40px;border-radius:70px;font-size:40px}.clip{clip:rect(0,200px,200px,100px)}.clip,.item{border-radius:50%;height:100%;position:absolute;width:100%}.item{clip:rect(0,100px,200px,0);font-family:monospace;font-size:1.5rem}#section1{transform:rotate(0deg)}#section1 .item{background-color:#0cf}#section1 .item,#section2{transform:rotate(180deg)}#section2 .item{background-color:#0cf}#section3 .item{background-color:#fff}.expContainer{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:50px;width:1000px;border:0 solid red}.expMiddle{width:10px;background-color:#fff;height:calc(100% + 50px);position:relative}.expFirst{margin-top:50px}.expLast{height:50px}.expFirst>.expMiddleRoundWhite{top:-18px}.expFirst>.expMiddleRound{top:-14px}.expMiddleRoundWhite{width:0;height:0;position:absolute;border-radius:15px;border:14px solid #fff;left:-9px;top:31px}.expMiddleRound{width:0;height:0;position:absolute;border-radius:15px;border:10px solid #0cf;left:-5px;top:35px}.expBigBoxSpacer,.expSmallBoxSpacer{padding-top:20px;width:420px;border:0 solid red;display:flex}.expBigBoxSpacer{display:flex;justify-content:flex-end}.expSmallBox{background-color:#0cf;display:flex;flex-direction:column;justify-content:space-between;height:45px;width:200px;padding-top:15px;padding-bottom:15px;position:relative;border:0 solid red;margin-top:5px}.expSmallBox:before{content:"";position:absolute;width:0;height:0;right:100%;top:10px;border:10px solid transparent;border-right:15px solid #0cf;border-left:none}.expBigBox{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;width:350px;text-align:left;padding:15px 10px 20px 20px;color:#000;position:relative;border:0 solid red}.expBigBox:before{content:"";position:absolute;width:0;height:0;left:100%;top:15px;border:10px solid transparent;border-right:none;border-left:15px solid #fff}.expTitle{color:#0cf;font-weight:700;padding-bottom:3px}.expSubTitle{font-weight:700;padding-bottom:8px}.expText{font-style:italic;font-size:12px}.expRightBigBoxSpacer,.expRightSmallBoxSpacer{padding-top:20px;width:420px;border:0 solid red}.expRightSmallBoxSpacer{display:flex;justify-content:right}.expRightBigBox:before{content:"";position:absolute;width:0;height:0;Right:100%;top:15px;border:10px solid transparent;border-right:15px solid #fff;border-left:none}.expRightBigBox{background-color:#fff;width:350px;text-align:left;padding:15px 10px 20px 20px;color:#000}.expRightBigBox,.expRightSmallBox{display:flex;flex-direction:column;justify-content:space-between;position:relative;border:0 solid red}.expRightSmallBox{background-color:#0cf;height:45px;width:200px;padding-top:15px;padding-bottom:15px;margin-top:5px}.expRightSmallBox:before{content:"";position:absolute;width:0;height:0;Left:100%;top:10px;border:10px solid transparent;border-right:none;border-left:15px solid #0cf}.expLink,.expLink:hover,.expLink:visited{color:#0cf!important;display:flex}.expLinkIcon{margin-right:5px;padding-top:4px}.certArea{margin-right:10px}.certArea,.certAreaRight{cursor:pointer;background-color:#fff!important;width:75px;padding-right:5px;margin-top:5px;display:flex;justify-content:center;align-items:center;height:75px}.certAreaRight{margin-left:10px}.certText{color:#000;font-size:12px;width:260px}.contactArea{display:flex;justify-content:center;padding-bottom:50px}.contactName{color:#0cf;font-size:30px;font-weight:600}.nameArea{text-align:left;font-weight:700;font-size:18px}.nameArea>div{display:flex;justify-content:flex-start;padding-bottom:20px;vertical-align:top}.nameArea>div>div:first-child{padding-right:30px;padding-top:3px}.fieldSpace{padding-bottom:20px}.contactFormArea{width:500px}.MuiInput-underline:before,.textField:before{border-bottom:2px solid #0cf!important}.labelTextField,.textField{color:#fff!important}.notchedTextField{color:red}.buttonSend{color:#fff!important;background-color:#0cf!important;padding:10px!important;width:300px!important;margin-top:20px!important}.buttonSend:hover{color:#282c34!important;font-weight:700}.contactError{margin-top:10px;font-weight:700;color:red;font-size:14px;font-style:italic}.succededContact{height:100%;justify-content:center;font-weight:700;color:green}.area6,.succededContact{display:flex;align-items:center}.area6{background-image:url(/static/media/bg7.fda4d7c3.jpg);background-repeat:no-repeat;background-size:cover;background-color:#161616;justify-content:top;flex-direction:column;padding-bottom:70px}.TrainingItem{width:600px;padding-bottom:10px;margin-bottom:10px;text-align:left;display:flex;border-bottom:1px solid #e0ffff;position:relative}.TrainingArea>.TrainingItem:last-child{border-bottom:0}.TrainingItem>.Icon{width:40px}.TrainingItem>.Year{position:absolute;right:10px;font-size:12px;font-weight:700;top:5px;font-style:italic}.educationArea{display:flex;justify-content:center;margin-bottom:80px;margin-top:20px}.eduMeArea{border:0 solid red;width:200px;margin-right:50px}.arrowArea{width:400px;border:0 solid red;position:relative;color:#000;margin-top:45px;margin-right:100px}.eduBox{height:80px;width:270px;background-color:#fff;text-align:left;padding:10px 10px 10px 20px;position:absolute;right:-190px}.eduBox1{top:16px}.eduBox2{top:156px}.eduBox3{top:298px}.eduTitle{color:#0cf}.eduSubTitle,.eduTitle{font-weight:700;padding-bottom:5px}.eduSubTitle{color:#000;font-size:14px}.eduText{color:#000;font-style:italic;font-size:12px}.projectContainer{height:290px;width:260px;border:0 solid red;background-color:#000;text-align:left;padding-left:10px;padding-right:10px;padding-bottom:10px;display:flex;flex-direction:column;justify-content:flex-end;margin-left:5px}.projectButton{background-color:#0cf;border:0 solid;width:50px;height:50px;cursor:pointer;color:#fff;font-weight:bolder;margin-top:50px;font-size:25px;border-radius:5px}.projectButtonSpace{margin-right:20px}.caru{width:900px}.projectBorder{border:1px solid grey;width:260px;margin-bottom:5px;margin-top:5px}.projectTitle{color:#fff}.projectSubTitle{color:#0cf;font-size:14px;margin-top:5px}.projectChildren{font-size:12px;font-style:italic;padding-top:10px}.skillIcon{font-size:35px;margin-bottom:15px}.linkareaSmall{right:-20px;top:470px}.linkareaNo,.linkareaSmall{display:none;position:absolute}.linkareaNo{left:50px;top:597px}.linkarea{display:none;position:absolute;right:0;top:400px}@media (min-width:1500px){.linkarea{display:inline}}@media (min-width:1120px) and (max-width:1500px){.linkareaSmall{display:inline}}@media (min-width:000px) and (max-width:1120px){.linkareaNo{display:flex}}.linkareaNo>a>div{display:flex;flex-direction:column;align-items:center;margin-bottom:13px;cursor:pointer;padding:8px 0 20px 8px;font-weight:700;margin-right:10px}.linkareaNo>a>div>div:first-child{background-color:#fff;border-radius:30px;width:30px;height:30px;margin-right:10px;display:flex;justify-content:center;align-items:center}.linkarea>a>div,.linkareaSmall>a>div{display:flex;align-items:center;margin-bottom:13px;cursor:pointer;padding:8px 20px 8px 8px;font-weight:700}.linkarea>a:hover,.linkareaSmall>a:hover{text-decoration:none}.linkarea>a>div>div:first-child,.linkareaSmall>a>div>div:first-child{background-color:#fff;border-radius:30px;width:30px;height:30px;margin-right:10px;display:flex;justify-content:center;align-items:center}.soAreaNo{background-color:#66cdaa}.githubAreaNo,.soAreaNo{border-radius:40px 40px 0 0}.githubAreaNo{background-color:#00bfff}.xingAreaNo{background-color:#ff8c00;border-radius:40px 40px 0 0}.soArea,.soAreaSmall{background-color:#66cdaa;border-radius:40px 0 0 40px}.githubArea,.githubAreaSmall{background-color:#00bfff;border-radius:40px 0 0 40px}.xingArea,.xingAreaSmall{background-color:#ff8c00;border-radius:40px 0 0 40px}.blogArea,.blogAreaSmall{background-color:#7b68ee;border-radius:40px 0 0 40px}.impressumArea{height:20px;background-color:#000;font-weight:700;font-style:italic;font-size:12px}.impressumText{background-color:#000;height:300px;overflow:auto;padding:50px}
/*# sourceMappingURL=main.a77adaf4.chunk.css.map */