@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Protest+Strike&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);.app-container{display:grid;grid-template-areas:"header header" "sidebar main-content";grid-template-columns:250px 1fr;grid-template-rows:150px 1fr;height:100vh;overflow:hidden;width:100vw}.header{grid-area:header}.sidebar{grid-area:sidebar;height:100%}.main-content{grid-area:main-content;overflow-x:hidden;overflow-y:auto}body,html{margin:0;padding:0}h1{font-size:72px}h1,p{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center}.rounded{border-radius:15px}body{background-color:#f2f2f2}.portfolioheader{align-items:center;background:#1f262c;background:radial-gradient(circle,#1f262c 0,#1e252b 35%,#21282f 63%);display:flex;height:150px;width:100%}.portfolio-title{color:#fff;font-size:42px;margin-left:15px}.sidebar-content{align-items:center;background:#e0e0e0;display:flex;flex-direction:column}.category{margin-top:50px}.category-button{background-color:#fff0;border:none;border-radius:5px;color:#5d5d5d;cursor:pointer;font-size:15px;font-weight:600;margin-top:50px;padding:5px 10px}.category-button:hover{color:#232b2f}.sidebar h2{color:#1f262c;font-size:15px}.protest-strike{font-family:Protest Strike,sans-serif;font-weight:500}.bebas-neue{font-family:Bebas Neue,sans-serif;font-style:normal;font-weight:700}.roboto{font-family:Roboto,sans-serif}.robot-mono{font-family:Roboto Mono,monospace}.realism{background:#987284;background:linear-gradient(34deg,#987284,#8c8a98 45%,#7caab2 78%,#75b9be);width:100%}.fifth-item{width:500px}.sixth-item{margin-left:-300px}.abstract{background:#987284;background:linear-gradient(34deg,#987284,#8c8a98 45%,#7caab2 78%,#75b9be)}.photo-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);margin-top:75px}.first-item{grid-column:1;grid-row:1;height:auto;padding:45px;width:650px}.second-item{grid-column:2;grid-row:1}.second-item,.third-item{align-content:center;padding:100px}.third-item{grid-column:1;grid-row:2}.fourth-item{grid-column:2;grid-row:2;height:auto;width:calc(100% - 45px)}.fifth-item{grid-column:1;grid-row:3;height:auto;padding:45px;width:650px}.sixth-item{align-content:center;grid-column:2;grid-row:3;margin-left:0;padding:100px}.seventh-item{grid-column:2;grid-row:4;height:auto;margin-left:-45px;padding:45px;width:calc(100% - 45px)}.eigth-item{align-content:center;grid-column:1;grid-row:4;padding:100px}.ninth-item{grid-column:1;grid-row:5;height:auto;padding:45px;width:650px}.tenth-item{align-content:center;grid-column:2;grid-row:5;padding:100px}.eleventh-item{grid-column:1;grid-row:5;height:auto;padding:45px;width:650px}.twelth-item{align-content:center;grid-column:2;grid-row:5;padding:100px}.thirteenth-item{grid-column:2;grid-row:6;height:auto;margin-left:-45px;padding:45px;width:calc(100% - 45px)}.fourteenth-item{align-content:center;grid-column:1;grid-row:6;padding:100px}.ui{background-color:#ff7f7f;width:100%}
/*# sourceMappingURL=main.1e5512a3.css.map*/