@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap);@import url(https://fonts.googleapis.com/css?family=Oxygen&display=swap);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}html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.App{text-align:center}.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{margin:0;padding:0}#Landing{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;z-index:-1;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-color:#1d1b1b}#Landing h1{font-size:100px;color:#ec4d37}#Landing h1,#Landing p{font-family:"Lato",sans-serif}#Landing p{font-size:35px;position:relative}.particles{position:absolute!important;left:0;top:0;width:100%;height:100%}@media screen and (min-width:200px){html{font-size:10px}#contact,#experience,#projects,.skills{width:100%!important}}@media screen and (min-width:320px){html{font-size:12px}#contact,#experience,#projects,.photos,.skills{width:100%!important}}@media screen and (min-width:400px){html{font-size:13px}#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}@media screen and (min-width:500px){html{font-size:13px}#contact,#experience,#projects,.photos,.skills{width:100%!important}}@media screen and (min-width:580px){html{font-size:13px}#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}@media screen and (min-width:620px){html{font-size:15px}#contact,#experience,#projects,.photos,.skills{width:100%!important}}@media screen and (min-width:680px){html{font-size:15px}#contact,#experience,#projects,.photos,.skills{width:100%!important}}@media screen and (min-width:720px){html{font-size:15px}#contact,#experience,#projects,.photos,.skills{width:100%!important}}@media screen and (min-width:800px){#contact,#experience,#projects,.photos,.skills{width:100%!important}}@media screen and (min-width:860px){.contact,.experience,.photos,.projects,.skills{width:100%!important}}@media screen and (min-width:920px){.contact,.experience,.photos,.projects,.skills{width:100%!important}}@media screen and (min-width:1000px){.contact,.experience,.photos,.projects,.skills{width:100%!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){html{font-size:14px}#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}@media screen and (orientation:portrait){#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}@media screen and (orientation:landscape){#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}@media (min-width:1281px){#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}@media (min-width:1025px) and (max-width:1280px){#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}@media (min-width:768px) and (max-width:1024px){#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}@media (min-width:481px) and (max-width:767px){#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}@media (min-width:320px) and (max-width:480px){#contact,#experience,#projects,.photos,.profile,.skills{width:100%!important}}}.size{background-color:#161b21}.info{margin:25px}.textBlue{font-family:"Oxygen",sans-serif;color:#000;font-size:24px;text-transform:uppercase;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;margin-top:50px}.row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.column{display:flex;flex-direction:column;flex-basis:100%;flex:1 1}.cardSize{width:400px!important}.iconStyle{display:inline-flex;vertical-align:top}.flexStart{display:flex;justify-content:flex-start;align-items:center;text-align:center;flex-direction:row}.source{font-family:"Source Sans Pro",sans-serif}.title{flex-direction:column;font-family:"Lato",sans-serif;color:#fff}.flexRow,.title{display:flex;justify-content:center;align-items:center;text-align:center}.flexRow{flex-direction:row}.projects{border:1px solid #000;position:relative;display:inline-block}.projects:hover{box-shadow:4px 3px hsla(0,0%,42%,.35)}.overlay{top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:hsla(0,0%,100%,.87)}.overlay,.text{position:absolute}.text{color:#000;top:50%;left:50%;width:300px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);font-family:"Roboto",sans-serif;font-size:15px}.projects:hover .overlay{opacity:1}.image,img{max-width:100%;width:100%}.image{vertical-align:middle;border:0}.particles2{position:absolute!important;width:100%;height:100%}.flexCenter,.oxygen{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.oxygen{font-family:"Oxygen",sans-serif}
/*# sourceMappingURL=main.9f5a7c85.chunk.css.map */