body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-home,.App-main{background:linear-gradient(to bottom right,#5cb18f,#0b3119);height:100%;margin:0;padding:0;width:100%}.Nav-bar{background-color:#338464;color:#e2e0e0;display:flex;justify-content:space-between;min-height:5vh;padding:0 5%}.Nav-bar .home{margin:2vh 1vw}.Nav-bar ul{display:flex;list-style-type:none}.Nav-bar ul li{margin:0 2vw}.Nav-bar ul li a{color:#fff;text-decoration:none}.Header{margin:1vh;padding-top:15px;text-align:center}.Card-decks{display:absolute;justify-content:center;margin:5vh;text-align:center}.Card-decks ul{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0;width:100%}.Card-decks ul li{margin:0 2vw}.Card-decks ul li a{color:#fff;text-decoration:none}.Deck-box{height:45vh;margin:0;perspective:5000px;width:30vw;z-index:4}.Box,.Deck-box{justify-content:center;position:relative}.Box{animation:animate;height:250px;margin:5vh auto;transform-style:preserve-3d;width:250px;z-index:5}.Box-face{border:2px solid #fff;box-sizing:border-box;color:#fff;font-size:32px;position:absolute}#front{font-size:25px;height:300px;padding:20px 0;text-align:center;transform:translateZ(50px);width:250px}.text-container{bottom:0;left:0;position:relative;transform:translateY(250%);z-index:6}#back{height:300px;padding:100px 0;text-align:center;transform:translateZ(-50px);width:250px}#right{left:200px;transform:rotateY(-90deg)}#left,#right{height:300px;padding:100px 0;text-align:center;width:100px}#left{right:200px;transform:rotateY(90deg)}#top{bottom:200px;padding:20px 0;transform:rotateX(90deg)}#bottom,#top{height:100px;text-align:center;width:250px}#bottom{padding:0;top:250px;transform:rotateX(-90deg)}@keyframes animate{0%{transform:rotateX(45deg) rotateY(-45deg)}25%{transform:rotateX(-45deg) rotateY(-45deg)}50%{transform:rotateX(45deg) rotateY(45deg)}75%{transform:rotateX(-45deg) rotateY(45deg)}to{transform:rotateX(45deg) rotateY(-45deg)}}.About{background:#1e302b;border:solid #000;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;border-width:2px 2px .5px;color:#d2cece;margin-bottom:0;margin-left:30px;margin-right:30px;padding:5px}.About,.About-content{display:flex;height:auto;justify-content:center;width:auto}.About-content{background:#2d4941;border:2px solid #000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:.5px solid #000;border-top-left-radius:0;border-top-right-radius:0;color:#c5c5c5;margin:0 30px;padding:10px;text-align:center}.Overlay{background-color:#00000080;left:0;position:fixed;top:0}.Glow,.Overlay{height:100%;pointer-events:none;width:100%;z-index:0}.Glow{left:-15vw;top:20vh}.Glow,.Glow:after{margin:0;padding:0;position:relative}.Glow:after{animation:glow-animation 1s infinite alternate;background:#ffff0080;border-radius:20%;content:"";filter:blur(10px);height:250%;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes glow-animation{0%{box-shadow:0 0 120px 100px #ffff0080}to{box-shadow:0 0 150px 120px #ffff0080}}.speech-bubble{background-color:#ffffff80;border-radius:20px;box-shadow:0 0 20px 10px #0003;display:inline-block;justify-content:space-around;left:0;opacity:0;padding:15px;position:relative;top:3vh;transition:opacity .5s ease-in-out;width:auto}.speech-bubble:after{border:10px solid;border-color:#0000 #0000 #ffffff80;bottom:100%;box-shadow:0 0 20px 10px #0000;content:"";left:25%;position:absolute;transform:translateX(-50%)}.speech-bubble.show{opacity:1}@keyframes spark{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}.spark-animation{animation:spark .2s ease-in-out forwards;background-image:linear-gradient(90deg,#fb0,#0000);height:80%;left:0;position:absolute;top:0;width:90%}@keyframes slice{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}.slice-animation{animation:spark .2s ease-in-out forwards;background-image:linear-gradient(90deg,#0000,red,#0000);bottom:-10vh;height:50%;left:0;position:absolute;top:0;width:100%}@keyframes particle{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}.particle-animation{animation:spark .2s ease-in-out forwards;background-image:linear-gradient(90deg,#0000,#fff);bottom:-10vh;height:50%;left:0;position:absolute;top:0;width:100%}#slice{border-width:0;bottom:-10vh;height:50%;top:-5vh;transform:translateZ(-10px);width:98%}.page-summary{background:#2d4941;border:solid #000;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:10px;border-top-right-radius:10px;border-width:2px 2px .5px;color:#d2cece;margin:2vh 30px 0;padding:15px}.page-outlink,.page-summary{display:flex;height:auto;justify-content:center;text-align:center;width:auto}.page-outlink{background:#1e302b;border:2px solid #000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:.5px solid #000;border-top-left-radius:0;border-top-right-radius:0;color:#c5c5c5;margin:0 30px;padding:10px}.single-card{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:5vh 5vh 0}.card{height:250px;margin-bottom:100px;width:250px}.card-face{border:1px solid #fff;border-radius:10px;box-sizing:border-box;color:#fff;position:absolute}#c-front{font-size:25px;height:350px;margin:auto;padding:20px 0;transform:translateZ(50px);width:250px}#project-name{border:0;font-size:12px;padding:8px;text-align:left;top:0}#project-thumbnail{border:1px solid #fff;border-radius:10px;display:flex;height:50%;justify-content:center;left:2%;padding:10px;top:6vh;width:95%}#project-link{border:0;color:#f5f5f5;font-size:10px;left:32%;padding:22px;text-align:center;top:28vh}#project-desc{border:0;font-size:15px;padding:12px;text-align:left;top:32vh}#project-date{border:0;font-size:10px;left:70%;padding:10px;top:45vh}.card-glow{height:100%;left:0;pointer-events:none;z-index:0}.card-glow,.card-glow:after{margin:0;padding:0;position:relative;width:100%}.card-glow:after{animation:glow-animation 1s infinite alternate;background:rgba(153,182,144,.173);border-radius:20%;content:"";filter:blur(95%);height:250%;left:50%;top:50%;transform:translate(-50%,-50%)}.fade-in{scale:1;transition:scale .2s ease-in-out}.fade-in.visible{scale:0}
/*# sourceMappingURL=main.bdf6f9c0.css.map*/