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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}div.App{font-family:"Roboto",sans-serif;display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0 auto;background-color:#282c34;color:#61dafb}div.Name{flex-basis:20vh;text-align:center;font-size:7vw;background-color:#61dafb;color:#282c34;padding-top:7vh;text-transform:uppercase;letter-spacing:3px;font-weight:bolder}div.Center{display:flex;padding:30px 0;flex-grow:1}div.Nav{min-width:20%}div.Page{flex-grow:1}@media (max-width:600px){div.App{width:100%;font-size:2vw}div.Name{flex-basis:10vh;font-size:5vw}div.Center{display:grid;padding:0}}nav.main{padding:0 30px 30px 0}.main ul{list-style-type:none}nav.main a{display:block;text-decoration:none;text-transform:uppercase;font-weight:700;padding:10px;color:#61dafb;transition:.2s}nav.main a:hover{transform:translateX(20px)}nav.main a.active{border-left:10px solid grey;transform:translateX(0)}nav.main li:first-child a.active{border-left-color:#00ff7f}nav.main li:nth-child(2) a.active{border-left-color:#2734a7}nav.main li:nth-child(3) a.active{border-left-color:#fcd709}nav.main li:nth-child(4) a.active{border-left-color:#f00d33}@media (max-width:600px){nav.main{padding:0;margin:0;text-align:center}nav.main ul{display:flex}nav.main li{flex-grow:1}nav.main a{padding:0;font-weight:lighter}nav.main a.active{border-left:0;border-bottom:10px solid grey;transform:translateX(0)}nav.main li:first-child a.active{border-left:0;border-bottom-color:#00ff7f}nav.main li:nth-child(2) a.active{border-left:0;border-bottom-color:#2734a7}nav.main li:nth-child(3) a.active{border-left:0;border-bottom-color:#fcd709}nav.main li:nth-child(4) a.active{border-left:0;border-bottom-color:#f00d33}}div.Certy img{cursor:pointer}div.Certy img:hover{transform:scale(1.7)}div.Completed{text-align:center}div.Kurs a{float:left;width:25%;color:#61dafb;text-decoration:none;text-transform:uppercase;font-weight:700;transition:.2s}div.Kurs a:hover{transform:scale(1.3)}div.Started{text-align:center}div.Started div{float:left;width:50%}div.Projects{text-align:center;margin:0 auto}div.Projects a{text-decoration:none;color:#61dafb}div.Projects p{float:left;width:25%}
/*# sourceMappingURL=main.50f41ab3.chunk.css.map */