html,body,#root,.content{height:100%;min-height:700px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:navy;background:#fff;min-width:340px;margin:0;padding:0;font-family:Muli,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6{color:navy}a,a:hover,a:focus,a:active{color:navy;text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content{text-align:center}section{justify-content:center;align-items:center;padding:40px;display:flex;position:relative}#landing{-webkit-user-select:none;user-select:none;height:100vh;min-height:600px;position:relative}#landing #window{box-sizing:content-box;background-image:url(/assets/profile-DsKhvVKH.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:8px solid #fff;border-radius:50%;width:180px;height:180px}#landing #window-container{border-radius:50%;width:212px;height:212px;margin-bottom:15px;transition:all .3s}#landing #window-container:hover{transform:scale(.99)}#landing #window-inner-container{box-sizing:content-box;border:8px solid navy;border-radius:50%;width:196px;height:196px}#landing h1{font-size:2rem}#landing .links-container{width:100%;margin:0;padding-bottom:10px;transition:all .3s;position:absolute;bottom:0;left:0}#landing .links-container a{width:50px;display:block}#landing .links-container p.link-desc{margin:0;font-size:.7rem}#landing .desc,#landing .interest-icon-span{font-size:1rem}#landing .interest-icon{margin-right:6px}#landing .active-interest{display:none}@media (width>=768px){#landing #window{background-image:url(/assets/profile-DsKhvVKH.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:10px solid #fff;border-radius:50%;width:250px;height:250px}#landing #window-container{border-radius:50%;width:290px;height:290px;transition:all .3s}#landing #window-container:hover{transform:scale(.99)}#landing #window-inner-container{border:10px solid navy;border-radius:50%;width:270px;height:270px}#landing h1{margin-bottom:30px;font-size:5rem}#landing .links-container{z-index:100;width:100%;padding-bottom:10px;transition:all .3s;position:fixed;bottom:0;left:0}#landing .links-container .links-dock{background:#f5f5f5;border-radius:1rem;padding:20px 30px 0;animation-delay:.3s}#landing .links-container p.link-desc{visibility:hidden;margin:0;font-size:.8rem}#landing .links-container .link{width:50px;transition:all .3s;display:block}#landing .links-container .link:hover{transition:all .3s;transform:translateY(-5px)}#landing .links-container .link:hover p.link-desc{visibility:visible}#landing .desc{font-size:1.1rem}#landing .interest-icon-span{font-size:1.5rem}#landing .interest-icon{margin-right:6px}#landing .active-interest{font-size:3rem;font-weight:400;display:block}}section#projects{padding-left:20px;padding-right:20px}.project-container{width:300px;height:300px;padding:10px;display:inline-block}.project-card{border-radius:5px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:15px;transition:all .3s;display:flex}.project-card:hover{transform:scale(.98)}img.project-img{width:80%}.project-title{margin-bottom:0;font-size:1.8rem;font-weight:200}.modal-content{color:#444;white-space:pre-wrap;background:#fff;border:none}.modal-content .modal-bg{background-color:#fff;border-radius:.3rem .3rem 0 0;height:200px;margin:-1rem -1rem 1rem}.modal-content .modal-logo{width:40%}.modal-content .close-btn{cursor:pointer;position:absolute;top:5px;right:5px}.modal-content p{margin-bottom:0}.modal-content a{text-align:center;color:#444;width:100%}@media (width>=768px){section{padding:100px}.modal-content .modal-bg{height:400px}.modal-content .modal-logo{width:70%}}@media (prefers-color-scheme:dark){body{color:#bf506c;background:#000}h1,h2,h3,h4,h5,h6,a,a:hover,a:focus,a:active{color:#bf506c}#landing #window{border-color:#000}#landing #window-inner-container{border-color:#bf506c}}@media (prefers-color-scheme:dark) and (width>=768px){#landing .links-container .links-dock{background:#222}#landing #window{border-color:#000}#landing #window-inner-container{border-color:#bf506c}}@media (prefers-color-scheme:dark){.modal-content{color:#ddd;background:#222}.modal-content .modal-bg{background-color:#000}.modal-content a{color:#ddd}}.svg-inline--fa{vertical-align:-.125em;height:1em;display:inline-block;overflow:visible}.fa-2x{font-size:2em}.fa-substack{width:1.25em}