.gallery_section span,.gallery_section b{font-size:1.2rem}.gallery_section span{color:#444;margin-bottom:.5rem}.gallery_section{position:relative;margin:0;padding:0;display:flex;justify-content:center;background:#fbfbf0}.gallery_section a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;color:#000;text-decoration:none;opacity:0;border-radius:2rem;background-color:#ffffffb3;transition:opacity .2s ease-out}.staggered-grid{display:grid;width:43.75rem;min-height:100vh;padding:2rem 0;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(9,9rem);grid-gap:1.5rem;animation:fade-and-slide-in 2s 1 forwards cubic-bezier(.17,.91,.73,1.03)}@keyframes fade-and-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.picture-container{background-position:center center;background-size:auto 100%;background-repeat:no-repeat;border-radius:2rem;box-shadow:0 0 .75rem .25rem #0000001a;display:flex;justify-content:center;align-items:center}.picture-container:hover a{opacity:1}div.picture-container:nth-child(1){grid-column-start:1;grid-row-start:1;grid-row-end:3}div.picture-container:nth-child(2){grid-column-start:2;grid-row-start:2;grid-row-end:4}div.picture-container:nth-child(3){grid-column-start:1;grid-row-start:3;grid-row-end:5}div.picture-container:nth-child(4){grid-column-start:2;grid-row-start:4;grid-row-end:6}div.picture-container:nth-child(5){grid-column-start:1;grid-row-start:5;grid-row-end:7}div.picture-container:nth-child(6){grid-column-start:2;grid-row-start:6;grid-row-end:8}div.picture-container:nth-child(7){grid-column-start:1;grid-row-start:7;grid-row-end:9}div.picture-container:nth-child(8){grid-column-start:2;grid-row-start:8;grid-row-end:10}.item1 div.picture-container:nth-child(1){background-image:url(../images/designs/ui_ux/1.svg)}.item1 div.picture-container:nth-child(2){background-image:url(../images/designs/ui_ux/2.svg)}.item1 div.picture-container:nth-child(3){background-image:url(../images/designs/ui_ux/3.svg)}.item1 div.picture-container:nth-child(4){background-image:url(../images/designs/ui_ux/4.svg)}.item1 div.picture-container:nth-child(5){background-image:url(../images/designs/ui_ux/5.svg)}.item1 div.picture-container:nth-child(6){background-image:url(../images/designs/ui_ux/6.svg)}.item1 div.picture-container:nth-child(7){background-image:url(../images/designs/ui_ux/7.svg)}.item1 div.picture-container:nth-child(8){background-image:url(../images/designs/ui_ux/8.svg)}.item2 div.picture-container:nth-child(1){background-image:url(../images/designs/mockups/1.svg)}.item2 div.picture-container:nth-child(2){background-image:url(../images/designs/mockups/2.svg)}.item2 div.picture-container:nth-child(3){background-image:url(../images/designs/mockups/3.svg)}.item2 div.picture-container:nth-child(4){background-image:url(../images/designs/mockups/4.svg)}.item2 div.picture-container:nth-child(5){background-image:url(../images/designs/mockups/5.svg)}.item2 div.picture-container:nth-child(6){background-image:url(../images/designs/mockups/6.svg)}.item2 div.picture-container:nth-child(7){background-image:url(../images/designs/mockups/7.svg)}.item2 div.picture-container:nth-child(8){background-image:url(../images/designs/mockups/8.svg)}.container_gallery{padding-top:5px;padding-bottom:100px;background-color:#fbfbf0}.container_gallery h2{text-align:center}.container_gallery .item1,.container_gallery .item2{margin-top:100px}.hero{background-color:#fff;display:flex;height:100vh}.hero .item1{width:50%;background:url(../images/designs/hero.svg);background-repeat:no-repeat;background-position:20% 35%;background-size:350px;background-attachment:fixed}.hero .item2{background-color:#fff;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:#343a40}.hero .item2 span{color:#793bdd}.item2 h1{font-weight:700;font-size:2.0625rem}.item2 p{letter-spacing:10px;color:#111010}@media only screen and (max-width: 950px){.hero .item1{background-size:300px;background-position:10% 35%}.item2 p{letter-spacing:5px}}@media only screen and (max-width: 700px){.container_gallery{padding-top:5px}.container_gallery .item1,.container_gallery .item2{margin-top:0}.hero{flex-direction:column;justify-content:space-evenly;height:50vh}.hero .item1{background-position:55% 50%;background-size:172px;height:50%;width:100%;background-attachment:unset}.hero .item2{width:100%}.item2 p{letter-spacing:0px}}