@import url(https://fonts.googleapis.com/css?family=Inconsolata);@import url(https://fonts.googleapis.com/css?family=PT+Sans);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#e7e7e7;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;overflow:hidden;padding:0}.frame{border:1px solid #000;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 2cm);margin:1cm auto;padding:1cm;width:calc(100% - 2cm)}.header{background-color:#346aa400;color:#392525;margin-bottom:20px;padding:20px;position:static;text-align:left;width:100%;z-index:10}.header h1{font-size:2.8rem;font-weight:lighter;margin:0}.header a,.header h1{font-family:Inconsolata,monospace}.header a{color:#392525;margin-right:20px;position:absolute;text-decoration:none}.header a:nth-child(6){margin-top:7cm}.header a.active{text-decoration:line-through;text-decoration-thickness:.8px;transition:width .3s,-webkit-text-decoration .3s;transition:width .3s,text-decoration .3s;transition:width .3s,text-decoration .3s,-webkit-text-decoration .3s}.header a:first-child{margin-top:2cm}.header a:nth-child(2){margin-top:3cm}.header a:nth-child(3){margin-top:4cm}.header a:nth-child(4){margin-top:5cm}.header a:nth-child(5){margin-top:6cm}.additional-text{left:2.6cm;margin-bottom:2cm;position:absolute;text-align:left;top:3.8cm;width:100%}.additional-text p{text-align:left}.additional-text p,.born-text{font-family:Inconsolata,monospace;font-size:medium;font-weight:lighter;margin:0}.born-text{left:33.6cm;position:relative;top:7.6cm;width:110px}.programming-text{font-family:Inconsolata,monospace;font-size:medium;font-weight:lighter;left:1300px;margin:0;position:absolute;top:460px;width:130px}.portfolio{height:29.6%;left:1330px;margin-bottom:20px;max-width:50px;opacity:80%;position:absolute;top:474.6px;width:.5%}.hsk-text{font-family:Inconsolata,monospace;font-size:small;font-weight:lighter;left:28.15cm;margin:0;position:relative;top:50px;top:26px;width:218px}.project-gif{left:420px}.project-gif,.project-gif2{margin-bottom:20px;max-width:150px;position:absolute;top:230px;width:100%}.project-gif2{left:600px}.project-gif3{left:780px;margin-bottom:20px;max-width:150px;position:absolute;top:230px;width:100%}.project-logo{width:200px}.project-logo,.project-logo2{height:auto;left:1140px;position:absolute;top:120px}.project-logo2{width:160px}.project-logo3{height:auto;left:1140px;position:absolute;top:130px;width:160px}.education{left:502px;top:180px}.education,.education2{font-family:Inconsolata,monospace;font-size:larger;font-weight:700;position:absolute}.education2{left:537px;top:310px}.education3{left:510px;top:430px}.education3,.education4{font-family:Inconsolata,monospace;font-size:larger;font-weight:700;position:absolute}.education4{left:494px;top:554px}.education-timeline{bottom:50px;margin-top:20px;position:relative}.year-line,.year-line2{background-color:#1c1c1c;height:2px;left:456px;position:absolute;top:50%;width:30%}.year-line2{top:120px}.year-line3{top:50%;top:240px}.year-line3,.year-line4{background-color:#1c1c1c;height:2px;left:456px;position:absolute;width:30%}.year-line4{top:50%;top:364px}.year-marker,.year-marker2{background-color:#1c1c1c;color:#1c1c1c;height:14px;margin-left:-20%;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:1px}.year-marker2{top:120px}.year-marker3{top:50%;top:240px}.year-marker3,.year-marker4{background-color:#1c1c1c;color:#1c1c1c;height:14px;margin-left:-20%;position:absolute;text-align:center;transform:translateY(-50%);width:1px}.year-marker4{top:50%;top:364px}.year-text,.year-text2{color:#2d2d2d;font-family:Inconsolata,monospace;font-size:small;font-weight:700;margin-left:-292px;margin-top:-6px;position:absolute;text-align:center;top:70%;width:40px}.year-text2{top:120px}.year-text3{top:70%;top:240px}.year-text3,.year-text4{color:#2d2d2d;font-family:Inconsolata,monospace;font-size:small;font-weight:700;margin-left:-292px;margin-top:-6px;position:absolute;text-align:center;width:40px}.year-text4{top:70%;top:364px}.additional-text p:after{animation:blink .7s infinite;content:"|";display:inline-block}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.bottom-navigation{background-color:#346aa400;bottom:180px;display:flex;justify-content:space-around;left:424px;padding:10px;position:absolute;width:40%}.bottom-navigation a{color:#392525;font-family:Inconsolata,monospace;text-decoration:none}.bottom-navigation a.active{text-decoration:line-through;text-decoration-thickness:.8px;transition:width .3s,-webkit-text-decoration .3s;transition:width .3s,text-decoration .3s;transition:width .3s,text-decoration .3s,-webkit-text-decoration .3s}.bottom-navigation2{background-color:#346aa400;bottom:554px;display:flex;justify-content:space-around;left:420px;padding:10px;position:absolute;width:34.5%}.bottom-navigation2 a{color:#392525;font-family:Inconsolata,monospace;text-decoration:none}.bottom-navigation2 a.active{text-decoration:line-through;text-decoration-thickness:.8px;transition:width .3s,-webkit-text-decoration .3s;transition:width .3s,text-decoration .3s;transition:width .3s,text-decoration .3s,-webkit-text-decoration .3s}.collage{grid-gap:5px;bottom:210px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);left:570px;margin-bottom:20px;max-width:20%;opacity:100%;position:absolute}.collage img{height:auto;max-width:100%}.big-square{background-color:#3498db;color:#fff;cursor:pointer;grid-column:span 3;padding:10px;text-align:center}.fintex-image1{left:360px}.fintex-image1,.fintex-image2{margin-bottom:20px;position:absolute;top:230px;width:20%}.fintex-image2{left:700px}.fintex-image3{left:360px;margin-bottom:20px;position:absolute;top:400px;width:20%}.shoegazer-pic{left:400px;width:15%}.shoegazer-pic,.shoegazer-pic2{margin-bottom:20px;position:absolute;top:230px}.shoegazer-pic2{left:650px;width:25%}.tools-heading{left:440px}.links-heading,.tools-heading{font-family:Inconsolata,monospace;position:absolute;top:570px}.links-heading{left:740px}.tools-heading2{font-family:Inconsolata,monospace;left:720px;position:absolute;top:420px}.tool-image1{left:500px;width:4%}.tool-image1,.tool-image2{height:auto;position:absolute;top:590px}.tool-image2{left:580px;width:4.6%}.tool-image3{left:750px;width:4%}.tool-image3,.tool-image4{height:auto;position:absolute;top:460px}.tool-image4{left:830px;width:4.4%}.tool-image5{left:910px;top:454px;width:3.2%}.tool-image5,.tool-image6{height:auto;position:absolute}.tool-image6{left:500px;top:590px;width:4%}.tool-image7{left:580px;top:586px;width:4.4%}.linkImage1,.tool-image7{height:auto;position:absolute}.linkImage1{left:800px;top:584px;width:4.2%}.linkedin-logo{left:500px;top:300px;width:10%}.github-logo,.linkedin-logo{height:auto;position:absolute}.github-logo{left:800px;top:292px;width:10.2%}.contact-text{font-family:Inconsolata,monospace;font-size:medium;font-weight:lighter;left:1060px;margin:0;position:relative;top:400px;width:200px}.header h1{cursor:pointer}.saintmike-text{font-family:Inconsolata,monospace;font-size:medium;font-weight:lighter;left:840px;margin:0 0 10px;position:relative;top:50px;width:400px}.saintmike-logo{height:auto;left:880px;position:absolute;top:30px;width:17%}.saintmike-channel{height:auto;left:450px;position:absolute;top:240px;width:22.4%}.comment-container{opacity:1;transition:opacity 1s ease-in-out}.comment-container img{height:auto;left:440px;position:absolute;top:480px;width:26%}.comment-container img:not(:first-child){opacity:0}.feedback{font-family:Inconsolata,monospace;font-size:medium;font-weight:lighter;left:440px;position:absolute;top:440px}.certification-container{align-items:center;bottom:170px;display:flex;flex-direction:column;height:100vh;justify-content:center;left:40px;position:relative}.badge-row{display:flex;justify-content:center;margin-bottom:20px}.certification-badge{margin:0 10px;max-width:180px}:root{--glow-rgb:0 0 0}*{box-sizing:border-box;margin:0;padding:0}.square{animation-duration:1.5s;animation-fill-mode:forwards;pointer-events:none;position:absolute}@keyframes fall-1{0%{opacity:0;transform:translate(0) rotateX(45deg) rotateY(30deg) rotate(0deg) scale(.25)}5%{opacity:1;transform:translate(10px,-10px) rotateX(45deg) rotateY(30deg) rotate(0deg) scale(1)}to{opacity:0;transform:translate(25px,200px) rotateX(180deg) rotateY(270deg) rotate(90deg) scale(1)}}@keyframes fall-2{0%{opacity:0;transform:translate(0) rotateX(-20deg) rotateY(10deg) scale(.25)}10%{opacity:1;transform:translate(-10px,-5px) rotateX(-20deg) rotateY(10deg) scale(1)}to{opacity:0;transform:translate(-10px,160px) rotateX(-90deg) rotateY(45deg) scale(.25)}}@keyframes fall-3{0%{opacity:0;transform:translate(0) rotateX(0deg) rotateY(45deg) scale(.5)}15%{opacity:1;transform:translate(7px,5px) rotateX(0deg) rotateY(45deg) scale(1)}to{opacity:0;transform:translate(20px,120px) rotateX(-180deg) rotateY(-90deg) scale(.5)}}.progress-bar-1{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 80%,#b5b5b5 0);left:450px}.progress-bar-1,.progress-bar-2{border-radius:50%;height:100px;position:absolute;top:240px;width:100px}.progress-bar-2{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 90%,#b5b5b5 0);left:600px}.progress-bar-3{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 85%,#b5b5b5 0);left:750px}.progress-bar-3,.progress-bar-4{border-radius:50%;height:100px;position:absolute;top:240px;width:100px}.progress-bar-4{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 70%,#b5b5b5 0);left:900px}.progress-bar-5{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 65%,#b5b5b5 0);left:450px}.progress-bar-5,.progress-bar-6{border-radius:50%;height:100px;position:absolute;top:400px;width:100px}.progress-bar-6{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 60%,#b5b5b5 0);left:600px}.progress-bar-7{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 82%,#b5b5b5 0);left:750px}.progress-bar-7,.progress-bar-8{border-radius:50%;height:100px;position:absolute;top:400px;width:100px}.progress-bar-8{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 86%,#b5b5b5 0);left:900px}.progress-bar-9{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#f71515 40%,#b5b5b5 0);left:985px}.progress-bar-10,.progress-bar-9{border-radius:50%;height:100px;position:absolute;top:300px;width:100px}.progress-bar-10{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#2f3627 44%,#b5b5b5 0);left:835px}.progress-bar-11{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#ffd64f 92%,#b5b5b5 0);left:685px}.progress-bar-11,.progress-bar-12{border-radius:50%;height:100px;position:absolute;top:300px;width:100px}.progress-bar-12{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#2738ab 100%,#b5b5b5 0);left:535px}.progress-bar-13{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#ba2323 100%,#b5b5b5 0);left:385px;top:300px}.progress-bar-13,.progress-bar-14{border-radius:50%;height:100px;position:absolute;width:100px}.progress-bar-14{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 92%,#b5b5b5 0);left:450px}.progress-bar-15{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 86%,#b5b5b5 0);left:600px}.progress-bar-15,.progress-bar-16{border-radius:50%;height:100px;position:absolute;width:100px}.progress-bar-16{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 85%,#b5b5b5 0);left:750px}.progress-bar-17{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 84%,#b5b5b5 0);border-radius:50%;height:100px;left:900px;position:absolute;width:100px}.progress-bar-18{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 82%,#b5b5b5 0);left:450px}.progress-bar-18,.progress-bar-19{border-radius:50%;height:100px;position:absolute;top:400px;width:100px}.progress-bar-19{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 78%,#b5b5b5 0);left:600px}.progress-bar-20{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 75%,#b5b5b5 0);left:750px}.progress-bar-20,.progress-bar-21{border-radius:50%;height:100px;position:absolute;top:400px;width:100px}.progress-bar-21{background:radial-gradient(closest-side,#e7e7e7 79%,#0000 80% 100%),conic-gradient(#524e50 70%,#b5b5b5 0);left:900px}.center-image{max-height:50%;max-width:50%}.center-image,.center-image2{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-image2{max-height:64%;max-width:64%}
/*# sourceMappingURL=main.abcc5de1.css.map*/