.welcome{display:flex;flex:0 1;flex-direction:column;width:24vw}.first{font-size:40px}.Logo{font-size:56px;font-weight:700;margin-top:-10px}@media (max-width:1000px){.welcome{width:50vw}.first{width:70vw}.modal{flex-direction:column}.welcome{align-items:center}.first,.Logo,form,p{text-align:center}form{width:55vw}.divider{border-top:2px solid #000;margin-block:2vw;margin-bottom:6vw;width:20vw}}@media (min-width:1000px){.modal{flex-direction:row}.divider{border-left:2px solid #000;height:20vh;margin-inline:2vw}form{width:10vw}}.modal{align-items:center;flex:0 1;justify-content:center;min-height:99vh}.modal,form{display:flex}form{flex-direction:column;justify-content:space-between}label{font-size:18px}input{-webkit-margin-before:5px;margin-block-start:5px}.button{background-color:#fff;border:1px solid #000;border-radius:2px}.button:hover{background-color:#e5e7eb}*{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.pfp{background-color:#fff;border:2px solid #fff;border-radius:25%;flex-shrink:0;height:30px;margin:10px 10px 10px 2em;width:30px}.header{align-items:center;background-color:#000;display:flex}#root{border:solid px;display:flex;flex-direction:column;height:100vh;margin:0;overflow-x:hidden;padding:0}h1{color:#fff}.navbar{margin-right:2em;padding:5px}body{margin:0;padding:0}ul{display:flex;list-style:none;margin-left:auto;padding-left:0}li{margin:10px}a,li{color:#fff}a{text-decoration:none}.title{background-color:#000;color:#fff;font-size:30px;font-weight:700;padding:10px;word-break:break-word}.subtitle{border-bottom:2px solid #000;border-top:2px solid #000;color:#000;font-weight:100;padding-block:5px;padding-inline:5px}p,textarea{color:#444;flex:2 0 auto;font-size:18px;margin-top:0;padding:5px;text-align:start}textarea{border:0;flex-shrink:0;resize:none}button{border:0}.footer{-webkit-padding-before:5px;-webkit-padding-after:7px;align-items:center;border-top:2px solid #000;display:flex;padding-block-end:7px;padding-block-start:5px;padding-inline:5px}.footer>a{color:#000}a:hover{text-decoration:underline}.container{display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;justify-content:center;margin-block:7vh;margin-bottom:3vh;margin-left:auto;margin-right:auto;min-height:40vh;width:90vw}.card{border:2px solid #000;display:flex;flex-direction:column;margin-bottom:3rem;margin-inline:1rem;max-height:25em;width:16rem}.filler{flex-grow:2;min-height:6vh}.about{background-color:#e5e7eb;flex-grow:2;margin-top:1vh;min-height:10vh;padding-block:3em;padding-inline:2vw}.about-me{font-size:40px;font-weight:700;margin-bottom:1vh;margin-inline:15vw}.about-me-text{color:#444;font-size:20px;font-weight:100;margin-inline:15vw}.contact{background-color:#000;display:flex;flex-direction:row;justify-content:center}.contact>ul{margin-left:0}.card-button{background:none;border:none;border-radius:2px;margin-inline:2px;margin-left:auto;padding:5px auto auto}.card-button:hover{background-color:#d3d3d3}.card-button:active{background-color:#a9a9a9}.export-button{size:1em;background-color:#fff;border-radius:6px;margin-left:1vw;padding-block:5px;padding-inline:7px}.export-button:hover{background-color:#d3d3d3}.export-button:active{background-color:#a9a9a9}.export-button:active>*{color:#000}.export-icon{margin-bottom:-2px;margin-right:5px}.work-button{size:1em;background-color:#fff;border-radius:6px;margin-left:.5vw;padding-block:5px;padding-inline:7px}.work-button:hover{background-color:#d3d3d3}.work-button:active{background-color:#a9a9a9}.work-button:active>*{color:#000}.work-icon{margin-bottom:-2px;margin-right:5px}.hidden *{border-color:gray;color:gray}.annotation,.hidden .title{background-color:#a9a9a9;color:#fff}.annotation{padding-block:5px;padding-inline:10px}.hidden a{color:gray}.hidden .container{margin:0;padding:0}.reveal-button{background:none;border:none;border-radius:2px;margin-inline:2px;margin-left:auto;padding:5px auto auto}.about textarea{height:7vh;width:70vw}.footer-textarea{font-size:18px;height:auto;margin-top:-5px;max-height:1.2em;max-width:100%}.contact a{font-weight:700}@media (max-width:800px){.contact ul{align-items:center;flex-direction:column}.footer-textarea{margin-top:0}}
/*# sourceMappingURL=main.6af5db0a.css.map*/