body{margin:0;height:100vh;font-family:Courier New;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url(/portfolio/static/media/4chan.29af72a7.svg),auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.hidden{display:none}.App{text-align:center;color:#4b4b4b}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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)}}h1{font-size:64px;margin-bottom:0;margin-top:20px}@media(max-width:1024px){h1{font-size:28px;margin-bottom:5px}}.pageContainer{margin:0 auto;width:90%}.App-fadein,.welcome-container{animation:fadein 2s}.welcome-container{position:absolute;height:300px;width:300px;top:50%;left:50%;margin-top:-150px;margin-left:-150px;transition:height .2s,width .2s,margin-top .2s,margin-left .2s,opacity .2s;border:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}.welcome-container:hover{height:330px;width:330px;margin-top:-165px;margin-left:-165px}.mouseDown:hover{height:350px;width:350px;margin-top:-175px;margin-left:-175px}.child{position:absolute;height:70%;width:70%;margin-top:15%;margin-left:15%}.circle{background-color:#fff;border-radius:50%;border:none}.dayO{opacity:.12}.nightO{opacity:.45}.img{border-radius:50%;border:none;transition:opacity .2s}.day{-webkit-filter:drop-shadow(0 10px 20px #525252);filter:drop-shadow(0 10px 20px #525252)}.night{-webkit-filter:drop-shadow(0 10px 20px #2b2b2b);filter:drop-shadow(0 10px 20px #2b2b2b)}.fadeout{animation:fadeout 1s}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.cardContainer{position:relative;height:250px;margin:0;width:100%}.card,.cardOverlay{height:200px;padding:25px 7%;position:absolute;width:86%}.card{opacity:1}.card:hover{opacity:0}.card h2{color:#fff;margin:0;text-transform:uppercase;width:100%}.secondaryProjectCardCont h2{font-size:24px}.featuredProjectCardCont h2{font-size:42px}.cardOverlay{opacity:0}.cardOverlay h2{color:#fff;font-size:26px;margin:84px 0;text-decoration:underline}.cardOverlay:hover{background-color:rgba(74,74,74,.9);opacity:1}.cardOverlayContent{color:#fff}.cardOverlayTitle{font-size:42px;margin-bottom:0}.cardOverlayTagline{font-size:22px;margin:0}.cardOverlayTech{position:absolute;bottom:30px;font-size:16px;font-weight:700;margin:0 auto;text-align:center}.secondaryProjectCardCont .cardOverlayTech{bottom:25px}.cardOverlayDesc{font-size:16px;margin-top:0}.jsDatesBg{background:#56ab2f;background:linear-gradient(90deg,#a8e063,#56ab2f)}.beltbookBg{background:#da22ff;background:linear-gradient(270deg,#9733ee,#da22ff)}.secondaryBg{background:#0052d4;background:linear-gradient(270deg,#0052d4,#658cf7)}.secondaryBgLightBlue{background:#50c9c3;background:linear-gradient(90deg,#96deda,#50c9c3)}.danielsCardsBg{background-image:url(/portfolio/static/media/daniels-cards.7fe4bcf6.png);background-repeat:no-repeat;background-size:cover;background-position:50%}.projectsContainer{display:grid;margin:30px 0;grid-template-columns:repeat(auto-fill,100%);grid-row-gap:20px;row-gap:20px}@media screen and (min-width:1024px){.featuredCont,.secondaryCont{grid-column-gap:5%;-webkit-column-gap:5%;column-gap:5%;grid-row-gap:4%;row-gap:4%}.featuredCont{grid-template-columns:repeat(auto-fill,47.5%)}.secondaryCont{grid-template-columns:repeat(auto-fill,21.25%)}}.line{position:absolute;height:500px;width:500px;top:50%;left:50%;margin-top:-250px;margin-left:-250px}.line path{stroke:#000;stroke-width:2px;stroke-dasharray:3000;stroke-dashoffset:3000;animation:animate 2s linear 1}nav{height:64px;animation:fadein 1s}.nav-day{background:#4a4a4a}.navLogo{border-radius:50%;-webkit-filter:drop-shadow(0 2px 3px #252525);filter:drop-shadow(0 2px 3px #252525);margin:7px 0 7px 5%;width:50px}nav i{color:#fff;font-size:32px}#upIcon{transform:rotate(0deg)}#downIcon{display:none}.navBarIcon{position:absolute;height:32px;width:28px;top:16px;right:5%;opacity:1}.navLinks{position:absolute;margin:4px 5%;padding:0;width:90%;top:64px}.navLinks li{background:#fff;display:block;margin-left:0}.navLink{background:#4a4a4a;border:none;color:#fff;font-family:Courier New;font-size:18px;font-weight:700;margin-bottom:4px;padding:5px 30px;width:100%;transform:rotateX(90deg);transform-origin:top}#navLink1{animation:turnover .15s ease-out;animation-fill-mode:forwards}#navLink2{animation:turnover .15s ease-out .15s;animation-fill-mode:forwards}#navLink3{animation:turnover .15s ease-out .3s;animation-fill-mode:forwards}@keyframes turnover{to{transform:rotateX(0deg)}}.navLink:hover{border:2px solid #4a4a4a;background:#fff;color:#4a4a4a}@media screen and (min-width:900px){.navBarIcon{display:none}.navLinks{display:inline;margin:0;padding:0;top:16px;right:5%;width:auto}.navLinks li{display:inline;top:0;margin-left:20px}.navLink{background-color:#4a4a4a;border:1px solid #fff;color:#fff;margin:0;width:200px;animation:none;transform:none}#navLink1,#navLink2,#navLink3{animation:none;animation-fill-mode:none}.navLink:hover{background:#fff;border:1px solid #4a4a4a;color:#4a4a4a}.navLinkactive{border-left:none;border-right:none}}h2{font-size:32px;margin-bottom:0;margin-top:20px}p{margin-top:0}@media (max-width:1024px){h2{font-size:24px}}.skillBarContainer h3,.skillBarContainer p{display:inline;margin:0}.skillBarContainer p{padding-left:5px}.skillBarContainer div{background:#ec008c;background:linear-gradient(270deg,#fc6767,#ec008c);height:10px;margin:5px 0 10px;animation:animate 2s ease-out 1}@keyframes animate{0%{width:15%}}.skillsContainer{margin:20px 0 0;padding-bottom:2px;animation:fadein 2s}.pensContainer{margin:10px 0 30px;display:grid;grid-template-columns:repeat(auto-fill,100%);grid-row-gap:20px;row-gap:20px}@media screen and (min-width:1024px){.pensContainer{margin-bottom:60px;grid-template-columns:repeat(auto-fill,47.5%);grid-column-gap:5%;-webkit-column-gap:5%;column-gap:5%;grid-row-gap:4%;row-gap:4%}}
/*# sourceMappingURL=main.2a102d96.chunk.css.map */