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,#app>div,body,html{background-image:url(/static/media/noise.ab84c984f554af235f20.png);height:100%}h1,h2,h3,p{color:#23596d}.home-col,.projects{align-items:center;display:flex;justify-content:center;padding:3% 0}.projects{flex-direction:column}.img{flex-shrink:0;margin-right:20px;width:50%}.img img{border-radius:50%;display:block;filter:drop-shadow(5px 5px 5px gray);margin-left:auto;margin-right:auto;max-width:75%}.text{margin-right:5%;width:50%}h3{font-family:Playfair Display,serif;font-size:50px;margin:30px 0}h2{font-size:30px;font-weight:bolder}h2,ol li,p,ul li{font-family:Work Sans,sans-serif}ol li,p,ul li{font-size:20px}.hover{font-weight:bolder}.text h2{font-size:20px;text-decoration:underline}.projects h3{text-align:center}.projects h2,.projects p{padding:0 10%}.projects h2{margin-bottom:0}.projects p{margin-top:5px}.overflow-hidden{margin:0;overflow:hidden}.drop-in{animation:drop-in 1.8s ease .2s backwards}.drop-in h3{margin-bottom:0}.drop-in-2{animation:drop-in 2s ease 1s backwards}.drop-in-2 a,ol li,ul li{color:#23596d}.contact-link a:hover,.drop-in-2 h2:hover{color:#3684a0}.drop-in-2 p{margin-bottom:0}a{color:#eeecdd;text-decoration:none}.contact-link{flex-direction:column;text-align:center}.contact-link h3{margin-bottom:0}.contact-link p{margin-top:10px;padding-bottom:5%}.contact-link a{color:#23596d;font-weight:700;text-decoration:underline}@keyframes drop-in{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:480px){.home-col{flex-direction:column;padding-bottom:0;padding-top:5%}.img,.text{margin-right:0;width:80%}h3{font-size:40px}.img img{max-width:100%}.projects{display:flex}.text-2{width:80%}.contact-link{padding:5%}.projects h2,.projects p{padding:0}.temp p{padding:0 5%}}.project-box{align-items:center;background-image:url(/static/media/noise2.48a1c26862a478f49532.png);border-radius:25px;border-width:thick;display:flex;filter:drop-shadow(3px 3px 3px gray);flex-direction:row;margin:0 12% 1.5%}.project-box:hover{filter:drop-shadow(8px 8px 8px gray)}.proj-photo img{border-radius:20px;display:block;width:300px}.proj-text h2,.proj-text p{padding-left:5%;padding-right:2%}.tags{display:flex;flex-wrap:wrap;gap:5px;left:5%;padding-left:5%;row-gap:0}.tags p{background-color:gray;border-radius:20px;color:#f5f5f5;display:inline-block;font-size:13px;margin:5px 0;padding:5px 10px}@media screen and (max-width:480px){.project-box{border-radius:0;flex-direction:column;margin:0 5% 5%}.proj-photo img{border-radius:0;width:100%}}.text-div{align-items:center;display:flex;justify-content:center;padding:5% 0}.intro-text,.left-text,.right-text{margin-right:5%;text-align:left;width:100%}.intro-img{height:auto;position:relative;width:100%}.intro-img img{border-radius:20px;display:block;filter:drop-shadow(5px 5px 5px gray);max-width:50%;position:absolute}.intro-img img:first-child{left:150px;top:-250px;z-index:1}.intro-img img:last-child{left:200px;top:0;z-index:2}.minesweeper-out,.scratch-out{align-items:center;animation:fadeIn .8s ease-in-out 2.5s forwards;background-color:#f0caa4;border-radius:20px;display:flex;justify-content:center;margin:5% auto;opacity:0;width:80%}.minesweeper-out p,.scratch-out p{padding-right:2%;text-align:center}.minesweeper-out a,.scratch-out a{color:#23596d;font-weight:bolder;text-decoration:underline}.minesweeper-out a:hover,.scratch-out a:hover{color:#87bcc7}.minesweeper-out img,.scratch-out img{padding:2%;width:10%}.minesweeper-out{background-color:#c3bfbf}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bold{font-weight:700}.bold.green{color:#4a6f28}.bold.orange{color:#f7ad19}.left-text{margin-left:5%;margin-right:0;width:70%}.right-text{margin-left:0;margin-right:5%;width:100%}.left-img,.right-img{padding-top:5%}.left-img img,.right-img img{border-radius:20px;display:block;filter:drop-shadow(5px 5px 5px gray);margin-left:auto;margin-right:auto;max-width:70%}.left-img{width:80%}.left-img img{max-width:60%}.caption{font-size:15px;text-align:center}.photo-grid{display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:80%}.photo-grid:last-child{margin-bottom:5%}@media screen and (max-width:480px){.text-div{flex-direction:column;padding-bottom:0;padding-top:5%}.text-div:nth-child(3){flex-direction:column-reverse}.intro-text,.left-text,.right-text{margin-left:0;margin-right:0;width:80%}.intro-img img{display:flex;max-width:60%;position:relative}.intro-img img:first-child{left:45px;top:20px}.intro-img img:last-child{left:115px;top:-20px}.minesweeper-out,.scratch-out{width:100%}.minesweeper-out img,.scratch-out img{padding-left:5%;width:20%}.left-img img{max-width:80%}.photo-grid{flex-direction:column}.photo-txt{margin:5% auto;width:80%}}.image-box{align-items:center;display:flex;flex-direction:column}.image-box img{border-radius:20px;filter:drop-shadow(5px 5px 5px gray);max-width:90%}.projects-page{display:flex;flex-direction:column;margin:0 auto;padding:3% 0;width:80%}.projects-page h3{text-align:center}.projects-row{display:grid;grid-template-columns:33% 33% 33%;margin:0 auto}.temp{background-color:#be533e;padding:.1% 0;text-align:center}.temp p{color:#eeecdd}@media screen and (max-width:480px){.projects-row{display:flex;flex-direction:column}.temp p{padding:0 5%}}.exp-box{border-radius:20px;display:flex;flex-direction:column;margin:0 2%;padding:4%;width:85%}.exp-box:hover{background-image:url(/static/media/noise2.48a1c26862a478f49532.png);filter:drop-shadow(3px 3px 3px gray);transform:translateY(-20px)}.exp-photo img{border-radius:20px;display:block;height:100%;width:100%}.exp-tags{display:flex;flex-wrap:wrap;gap:5px;left:5%;row-gap:0}.exp-tags p{background-color:gray;border-radius:20px;color:#f5f5f5;display:inline-block;font-size:13px;margin:5px 0;padding:5px 10px}.exp-text h2{margin-bottom:5px;margin-top:15px}.exp-text p{margin-top:0}@media screen and (max-width:480px){.exp-box{margin:3% 0;padding:3%;width:95%}.exp-photo img{width:90%}}.resume{display:flex;flex-direction:column;margin:0 auto;padding:5%;width:80%}.resume hr{border:1px solid #23596d;width:100%}.resume h3{margin:0}.resume a{color:#23596d}.resume a:hover{font-weight:700;text-decoration:underline}.top-bar{display:flex;flex-direction:row;justify-content:space-between}.arrows{align-items:center;display:flex}.arrows p{margin-left:10px;margin-right:10px}.disabled{color:gray;opacity:40%;pointer-events:none}.arrow-icon{color:#23596d;cursor:pointer}.title-sec h3{margin-bottom:0}.title-sec p{margin-top:0}@media screen and (max-width:480px){.resume{padding:5%}.top-bar h3{align-items:center;display:flex;font-size:30px;justify-content:center}.title-sec p{font-size:15px;margin-top:5px}}.resume-box{display:flex;flex-direction:row;justify-content:space-between;padding:2% 0}.resume-box h2,.resume-box p{margin:0}.title{padding:0 2%}.title h2{font-size:25px}.title-company{font-style:italic}.year{width:20%}.title{width:35%}.desc{width:45%}@media screen and (max-width:480px){.resume-box{flex-direction:column}.desc,.title,.year{width:100%}.desc{font-size:17px}.title{padding:2% 0}}.contact{padding:3% 0;text-align:center}.logo-div{align-items:center;display:flex;flex-direction:row;justify-content:center}.logo-div a{color:#23596d}.logo-div a:first-child:hover{color:#0077b5}.logo-div a:nth-child(2):hover{color:#000}.logo-div a:nth-child(3):hover{color:#e1306c}.logo-div a:last-child:hover{color:#c71610}.logo{margin:0 .3%}@media screen and (max-width:480px){.contact{margin:0 auto;width:80%}.logo{margin:0 1%}}.proj{display:flex;flex-direction:column;margin:0 auto;padding:5% 0;width:80%}.proj-header{display:flex;flex-direction:row}.proj-header img{border-radius:20px;margin-right:2%;width:13%}.proj-header-text{width:87%}.proj-tags{display:flex;flex-wrap:wrap;gap:5px;left:5%;row-gap:0}.proj-tags p{background-color:gray;border-radius:20px;color:#f5f5f5;display:inline-block;font-size:13px;margin:5px 0;padding:5px 10px}.proj-about{display:flex;flex-direction:row}.proj-about-sec{display:flex;flex-direction:column;margin-right:5%}.proj-about-sec h2{margin-bottom:0}.proj-about-sec p{margin:0}.proj-about-icon{color:#23596d;display:flex;flex-direction:row;margin-right:10px}.proj-about-icon:hover{color:#525050}.proj-sec h2{font-size:40px;margin-bottom:0}.proj-sec p{margin-top:10px}.proj-sec img{border-radius:20px;display:flex;margin:0 auto;width:45%}.proj-sec-img{display:flex;flex-direction:row}.proj-sec iframe{border-radius:20px;display:flex;margin:0 auto}.proj-sec .iphone{width:20%}.italics{font-style:italic}@media screen and (max-width:480px){.proj-header{flex-direction:column}.proj-header img{width:50%}.proj-header-text{width:100%}.proj-header-text h3{margin-top:10px}.proj-about{flex-direction:column}.proj-sec .iphone,.proj-sec img{width:100%}.proj-sec-img{flex-direction:column}.proj-sec iframe{width:100%}}.navbar{align-items:center;background-color:#23596d;display:flex;justify-content:space-between;overflow-x:auto;padding:0 5%}.navbar,.navbar p{color:#eeecdd}.navbar img{margin:18px;width:20%}.navbar ul{display:flex;margin:0;padding:0;white-space:nowrap}.navbar ul li{list-style:none;margin-right:50px}.navbar ul li:last-child{margin-right:0}.navbar ul li a{color:#eeecdd;text-decoration:none}.navbar ul li p:hover{color:#d4d2c4}.menu{display:none}@media screen and (max-width:480px){.navbar{align-items:start;flex-direction:column;padding:15px}.top-bar{display:flex;flex-direction:row}.navbar img{margin:0 10px;width:30%}.navbar ul{display:none;flex-direction:column;margin:0;width:100%}.navbar ul.open{animation-duration:1.2s;animation-name:slideDown;display:flex}@keyframes slideDown{0%{max-height:0}to{max-height:500px}}.navbar ul li{text-align:center;width:100%}.menu{align-items:center;padding:2%}.menu,.open{display:flex}.closed{display:none}}
/*# sourceMappingURL=main.b9507106.css.map*/