body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.main{background-color:#fff;color:#282c34;font-family:"Segoe UI",sans-serif;font-size:calc(10px + 1.5vmin);padding-bottom:20px}.content,.main{align-items:center}.content{height:90vh;display:flex;flex-direction:column;width:50vw;max-width:950px;min-width:300px;margin:auto}.content-header{align-self:start}.content-link,.content-link:visited{color:#61dafb}.profile{width:50vw;max-width:950px;pointer-events:none}.header{min-height:10vh;width:90vw;display:flex;align-content:space-around;margin:auto}.header-left,.header-right{width:50%;margin:auto}.header-right{text-align:right;float:right}.header-link,.header-link.unselect,.header-link:visited{color:#282c34;text-decoration:none;padding:0 10px}.content-iframe{display:flex;margin:auto;width:900px;height:1200px}.header-button{outline:none;border:none;background-color:inherit;color:#282c34;cursor:pointer;padding:0 10px;font-size:calc(10px + 1.5vmin)}.header-button .selected{text-decoration:underline;-webkit-text-decoration-color:#00f;text-decoration-color:#00f}.article-image{max-width:400px;margin:auto;display:flex}.project-card{cursor:pointer;padding:0;border:none;justify-content:space-between;width:500px;background-color:#fff}.project-card:hover{opacity:.8}.article-back{outline:none;border:none;background-color:inherit;color:#282c34;cursor:pointer;padding:0 10px;font-size:calc(10px + 1.5vmin)}.project-image{background-size:cover;background-position:bottom}.project-image,.project-image img{height:400px;width:100%}.project-info{box-sizing:border-box;border:1px solid #d3d3d3;width:100%;display:flex;flex-flow:column nowrap;justify-content:space-between;background-color:#fff;padding:10px}.project-title{color:#000;font-size:calc(9px + 1.5vmin);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:left;width:100%}.project-description{float:left;font-size:calc(6px + 1.5vmin);color:#5c5c5c;text-align:left}.grid-container{display:grid;grid-gap:50px;grid-template-columns:repeat(2,1fr)}.img-grid-container{display:grid;grid-gap:5px;grid-template-columns:repeat(3,1fr)}.contact-badge{width:75px;height:75px;padding:30px}@media only screen and (max-width:1700px){.grid-container,.img-grid-container{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:800px){.contact-badge{width:30px;height:30px;padding:10px}.content-iframe{width:500px;height:700px!important}}@media only screen and (max-width:600px){.header-button,.header-link{padding:0 5px}.project-image,.project-image img{height:250px!important;width:100%}.project-card{width:300px}.article-image{max-width:300px}.content-iframe{width:300px;height:400px!important}.profile{width:300px}}