#root,body,html{height:100%}body{margin:0;padding:0;font-family:Roboto Mono,monospace;font-weight:300;font-size:var(--font-size)}::-moz-selection{background:#eee}::selection{background:#eee}::-moz-selection{background:#000;color:#fff}::-webkit-scrollbar{display:none}:root{--main-container-padding:30px;--font-size:18px;--sidebar-item-padding:6px}@media only screen and (max-width:1000px){:root{--main-container-padding:70px 20px 20px 20px;--font-size:15px;--sidebar-item-padding:6px 6px 6px 0px}}.main-container{width:100%;height:100%;padding:var(--main-container-padding);box-sizing:border-box;display:flex}.content-container{text-align:center;height:100%;flex-grow:1}.about-container{float:right;margin-left:40px;text-align:left;width:700px}.about-container a:hover{background:#000;color:#fff}.about-name{font-weight:500;font-size:45px;display:inline-block}.about-contact{margin-bottom:35px}@media only screen and (max-width:1000px){.about-container{width:100%;margin-left:0}.about-name{font-size:30px}.about-contact{margin-bottom:15px}}.home-main-container{width:1000px;height:100%;float:right}.home-container{width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:row}.home-grid-container{display:grid;width:100%;height:100%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:20px;gap:20px}.home-container-column{width:32%;display:flex;justify-content:space-between;flex-direction:column}.home-column{color:#fff;background:#000;box-sizing:border-box;padding:20px;width:100%;cursor:default}.home-column:first-child{margin-left:0}.home-column:last-child{margin-right:0}@media only screen and (max-width:1400px){.home-main-container{width:100%}}@media only screen and (max-width:600px){.home-grid-container{grid-template-columns:auto;grid-template-rows:auto;grid-column-gap:0;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;grid-row-gap:20px;row-gap:20px;box-sizing:border-box}}.column-container{font-weight:500;opacity:0;-webkit-transition:.2s;transition:.2s;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.column-container:hover{opacity:1}.invisible{opacity:0}.column-title{margin:5px;font-size:25px}.column-synopsis{margin-top:10px;font-size:16px}.column-data,.column-synopsis{font-weight:300;text-align:left}.column-data{margin-top:20px;margin-bottom:10px;font-size:15px}.column-data span{font-weight:500}.column-logo img{width:20%;margin:10px}.column-button{padding:10px;border:2px solid #fff;display:inline-block;font-size:16px;margin:10px;-webkit-transition:.2s;transition:.2s;color:#fff}.column-button:hover{background:#fff;color:#000}@media only screen and (max-width:1000px){.column-container{opacity:1}}.sidebar-container{position:relative;margin-right:150px}.sidebar{display:flex;align-items:flex-start;flex-direction:column;font-weight:500}.sidebar-second{position:absolute;padding-left:5px;left:100%;top:0;z-index:100;font-weight:300}.sidebar-item{padding:var(--sidebar-item-padding);cursor:pointer}.sidebar-item:hover{opacity:1;background:#000;color:#fff}a{color:#000;text-decoration:none;-webkit-transition:.1s;transition:.1s}.sidebar-second a{background:#fff;color:#000}.invisible{visibility:hidden}.topbar-container{position:absolute;top:0;left:0;width:100%;z-index:10;background:#fff}.topbar-second{margin-left:20px}.topbar-second a{font-weight:300}.topbar-top-container{width:auto;height:70px}.topbar-menu-icon-container{height:70px;width:70px;padding:20px;box-sizing:border-box;cursor:pointer}.topbar-icon{height:100%;width:100%;background:#000}.topbar-bottom-container{padding:0 20px 10px}.topbar-second{display:flex;flex-direction:column;align-items:flex-start}.photography-container{height:100%;width:100%;position:relative}.photo-container{width:60%;height:90%;position:absolute;left:20%;top:5%}.photo-container img{width:100%;height:100%;object-fit:contain}.photo-mouse-box{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;background:#d3d3d3;display:inline-block}.photo-left-box{float:left;cursor:w-resize}.photo-left-box,.photo-right-box{width:50%;height:100%;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.photo-right-box{float:right;cursor:e-resize}@media only screen and (max-width:1000px){.photo-container{width:80%;left:10%}}
/*# sourceMappingURL=main.8abc5a5e.chunk.css.map */