*{font-family:Roboto,sans-serif;margin:0;padding:0;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background:linear-gradient(0deg,#dbc6f3,#fff 50%);height:100vh;transition:background-color 1s ease-out;width:100%}@-webkit-keyframes containerAnimation{0%{max-width:100%}to{max-width:2600px}}@keyframes containerAnimation{0%{max-width:100%}to{max-width:2600px}}#container{-webkit-animation:containerAnimation 4s ease 0s 1;animation:containerAnimation 4s ease 0s 1;height:100vh;margin-left:auto;margin-right:auto;max-width:2600px;overflow:hidden;position:relative;width:100%}@-webkit-keyframes logoContainerAnimation{0%{border-radius:0;bottom:0;left:0;right:0;top:0}to{border-radius:20px;bottom:20px;left:20px;right:75%;top:20px}}@keyframes logoContainerAnimation{0%{border-radius:0;bottom:0;left:0;right:0;top:0}to{border-radius:20px;bottom:20px;left:20px;right:75%;top:20px}}#infoLogoContainer{align-items:center;-webkit-animation:logoContainerAnimation 4s ease 0s 1;animation:logoContainerAnimation 4s ease 0s 1;background-color:#721dd5;background:linear-gradient(150deg,#721dd5 25%,#1d74d5);border-radius:20px;bottom:20px;display:flex;flex-wrap:wrap;left:20px;position:absolute;right:75%;top:20px;z-index:100}@-webkit-keyframes projectcontainerAnimation{0%{left:100%;opacity:0}40%{opacity:0}to{left:25%;opacity:100%}}@keyframes projectcontainerAnimation{0%{left:100%;opacity:0}40%{opacity:0}to{left:25%;opacity:100%}}#projectcontainer{-webkit-animation:projectcontainerAnimation 4s ease-out 0s 1;animation:projectcontainerAnimation 4s ease-out 0s 1;bottom:0;left:25%;opacity:100%;overflow-y:auto;padding:50px;position:absolute;right:0;top:0;z-index:50}@media screen and (max-width:1150px){@-webkit-keyframes logoContainerAnimation{0%{border-radius:0;bottom:0;height:100%;left:0;right:0;top:0}to{border-radius:20px;height:64px;left:9px;right:9px;top:9px}}@keyframes logoContainerAnimation{0%{border-radius:0;bottom:0;height:100%;left:0;right:0;top:0}to{border-radius:20px;height:64px;left:9px;right:9px;top:9px}}@-webkit-keyframes projectcontainerAnimation{0%{opacity:0;top:100vh}40%{opacity:0}to{opacity:100%;top:70px}}@keyframes projectcontainerAnimation{0%{opacity:0;top:100vh}40%{opacity:0}to{opacity:100%;top:70px}}#infoLogoContainer{border-radius:20px;bottom:auto;height:64px;left:9px;padding:10px 24px;right:9px;text-align:center;top:9px}#projectcontainer{left:0;padding:30px;top:70px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}#infoLogo{max-width:90%;width:500px}#infoLogo,.logo{display:block;margin-left:auto;margin-right:auto}.logo{max-height:100%;max-width:100%}@-webkit-keyframes infoAnimation{0%{opacity:0;top:50vh}to{opacity:1;top:0}}@keyframes infoAnimation{0%{opacity:0;top:50vh}to{opacity:1;top:0}}#infoContainer{-webkit-animation:infoAnimation 4s ease-in 0s 1;animation:infoAnimation 4s ease-in 0s 1;color:#fff;margin-left:auto;margin-right:auto;position:relative;text-align:center;top:0;width:90%}#infoContainer h2{font-family:Crimson Pro,serif;font-size:27px}#infoContainer .title{font-size:13px;font-weight:100}#infoContainer a{background-color:#fff;border:2px solid #fff;border-radius:10px;color:#721dd5;display:inline-block;margin:10px 2px 0;padding:8px;width:calc(50% - 24px)}#infoContainer a:hover{background-color:initial;color:#fff;font-weight:700}@media screen and (max-width:1150px){@-webkit-keyframes logoAnimation{0%{height:100%}to{height:64px}}@keyframes logoAnimation{0%{height:100%}to{height:64px}}#infoLogo{-webkit-animation:logoAnimation 4s ease-in 0s 1;animation:logoAnimation 4s ease-in 0s 1;height:64px;max-height:100%;width:auto}#infoContainer{display:none}.logo{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}#projectcontainer h1{color:#721dd5;font-family:Crimson Pro,serif;font-size:50px;font-weight:100;text-decoration:underline;-webkit-text-decoration-color:#1d74d5;text-decoration-color:#1d74d5}#projectList{list-style-type:none}#projectList li{color:#6c6c6c;cursor:pointer;font-family:roboto;font-size:18px;font-weight:400;margin-top:15px}#projectList li:hover{color:#1d74d5;font-weight:700}#projectList li.active{color:#721dd5;cursor:default;font-weight:700}.project{background-color:#721dd5;background:linear-gradient(150deg,#1d74d5,#721dd5 75%);border-radius:10px;color:#fff;left:42%;padding:20px 30px;position:absolute;right:50px;text-align:center;top:115px}.project h2{font-family:Crimson Pro,serif;font-size:27px;font-weight:400}.project .languages{font-size:13px;font-weight:100}.project p{background-color:hsla(0,0%,100%,.2);border-left:none;border-radius:10px;border-right:none;font-size:16px;line-height:22px;margin-top:10px;padding:10px;text-align:left}.project a{background-color:#fff;border:2px solid #fff;border-radius:10px;color:#721dd5;display:block;margin-top:10px;padding:8px}.project a:hover{background-color:initial;color:#fff;font-weight:700}.project .date{display:block;font-size:12px;margin-top:10px}.close{cursor:pointer;display:none;font-size:24px;font-weight:900;padding:15px;position:absolute;right:0;text-align:right;top:0}@media screen and (max-width:1150px){.project{right:30px;top:100px}}@media screen and (max-width:800px){.close{display:block}.project{bottom:30px;left:30px;right:30px}#projectList li,#projectcontainer h1{text-align:center}#projectList li{background-color:#fff;border:2px solid #721dd5;border-radius:10px;color:#721dd5;font-size:16px;padding:12px 8px}#projectList li:nth-child(2n){border-color:#1d74d5;color:#1d74d5}#projectList li.active,#projectList li:hover{background-color:#721dd5;color:#fff;font-weight:700}#projectList li:nth-child(2n).active,#projectList li:nth-child(2n):hover{background-color:#1d74d5}}
/*# sourceMappingURL=main.a86b16c0.css.map*/