:root{--brand-color: #E40F75}body,html{display:grid;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin:0;padding:0}a{text-decoration:none}a:hover,a:visited{color:var(--brand-color)}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Montserrat,sans-serif}h1{text-align:center}section{padding:2rem}header{display:grid;grid-template-columns:repeat(3,1fr)}header>h1{font-size:2rem}.menu #toggle:not(:checked)~.content{visibility:hidden}.menu #toggle:checked~.content{visibility:visible}.menu-toggle{display:flex;align-items:center;padding-left:2rem}.social{display:flex;justify-content:end;align-items:center;gap:.25rem;padding-right:2rem}.icon{width:2rem;height:2rem}.grid{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));grid-auto-rows:9rem;grid-auto-flow:row dense}.item{position:relative;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;background:#0c9a9a;grid-column-start:auto;grid-row-start:auto;color:#fff;background:url(https://images.unsplash.com/photo-1470124182917-cc6e71b22ecc?dpr=2&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=);background-size:cover;background-position:center;box-shadow:-2px 2px 10px rgba(#444,.4);transition:transform .3s ease-in-out;cursor:pointer;counter-increment:item-counter}.item:nth-of-type(3n){background-image:url(https://images.unsplash.com/photo-1422255198496-21531f12a6e8?dpr=2&auto=format&fit=crop&w=1500&h=996&q=80&cs=tinysrgb&crop=)}.item:nth-of-type(4n){background-image:url(https://images.unsplash.com/photo-1490914327627-9fe8d52f4d90?dpr=2&auto=format&fit=crop&w=1500&h=2250&q=80&cs=tinysrgb&crop=)}.item:nth-of-type(5n){background-image:url(https://images.unsplash.com/photo-1476097297040-79e9e1603142?dpr=2&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=)}.item:nth-of-type(6n){background-image:url(https://images.unsplash.com/photo-1464652149449-f3b8538144aa?dpr=2&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=)}.item:after{content:"";position:absolute;width:100%;height:100%;background-color:#000;opacity:.3;transition:opacity .3s ease-in-out}.item:hover{transform:scale(1.05)}.item:hover:after{opacity:0}.about{display:grid;place-items:center;grid-template-columns:25% 75%;gap:1rem}@media screen and (max-width:1024px){.about{grid-template-columns:1fr}}.about .description p{margin-top:0}.about .photo{display:grid;place-items:center}.about .photo img{width:100%;border-radius:100%}