:root{--primary-color: hsl(0, 0%, 0%);--primary-color-100: hsl(0, 0%, 57%);--accent-color-400: hsl(209, 68%, 55%);--bg-color-100: hsl(0, 0%, 100%);--bg-color-400: hsl(0, 0%, 98%);--bg-color-600: hsla(0, 0%, 100%, .67);--dropdown-color: hsla(0, 0%, 0%, .12)}*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}ul,ol{list-style:none}img,svg{display:block;max-width:100%;font-style:italic}html{font-family:Roboto,system-ui,sans-serif;line-height:normal;font-weight:400;color-scheme:light dark;color:var(--primary-color);background-color:var(--bg-color-400)}@media(prefers-color-scheme:dark){:root{--primary-color: hsl(0, 0%, 100%);--bg-color-100: hsl(0, 0%, 3%);--bg-color-400: hsl(0, 0%, 7%);--bg-color-600: hsla(0, 0%, 100%, .05)}}header{background-color:var(--bg-color-600);box-shadow:inset 0 12px 24px 0 var(--dropdown-color),0 4px 24px 0 var(--dropdown-color);display:flex;justify-content:center;column-gap:5rem}.header-content{padding-block:2rem;display:flex;flex-direction:column;gap:1rem}.logo{margin-top:.625rem}h1{font-family:Montserrat,sans-serif;font-size:1.5rem;line-height:normal;font-weight:500}.start-date-btn{color:var(--accent-color-400);border:1px solid var(--accent-color-400);border-radius:2px;background-color:transparent;font-size:.8125rem;padding:.375rem .75rem;cursor:pointer}.start-date-btn:focus-visible,.start-date-btn:hover{color:var(--primary-color-100);border-color:var(--primary-color-100);outline:none}.row{display:flex;align-items:center;column-gap:1rem;row-gap:.75rem}.row.bigger-gap{column-gap:1.5rem}@media(max-width:768px){header{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;height:auto}.header-content{align-items:center;padding:0;width:100%}.logo{margin-top:0}.row{justify-content:center;flex-wrap:wrap;width:100%;text-align:center}h1{font-size:1.3rem}}@media(max-width:480px){.row.bigger-gap{column-gap:1rem}}.gallery-item{background-color:var(--bg-color-100);box-shadow:0 1px 7px 0 var(--dropdown-color);border-radius:4px}.gallery-item .gallery-image{aspect-ratio:1;object-fit:cover;border-radius:4px 4px 0 0}.gallery-item p,.gallery-item span{font-weight:500}.gallery-item .date{font-size:1rem}.gallery-item .stats,.gallery-item .upload-date{font-size:.875rem}.gallery-item .stats{display:inline-flex;align-items:center;column-gap:.3rem}.gallery-item[data-view-option=icon] .gallery-image{width:100%}.gallery-item[data-view-option=icon] .info-container{padding:.75rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem .5rem}.gallery-item[data-view-option=icon] .info-container .info-row{display:flex;flex-direction:column;gap:.5rem}.gallery-item[data-view-option=icon] .upload-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;grid-column:1 / -1}.gallery-item[data-view-option=list]{display:flex;align-items:center;column-gap:2rem}.gallery-item[data-view-option=list] .gallery-image{width:86px}.gallery-item[data-view-option=list] .info-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.gallery-item[data-view-option=list] .stats.margin-right{margin-right:1rem}.gallery-item[data-view-option=list] .date,.gallery-item[data-view-option=list] .upload-label{margin-bottom:.5rem}@media(max-width:520px){.gallery-item[data-view-option=list]{column-gap:.75rem}.gallery-item[data-view-option=list] .date,.gallery-item[data-view-option=list] .upload-label{margin-bottom:0!important;flex-grow:1}.gallery-item[data-view-option=list] p,.gallery-item[data-view-option=list] p.date{font-size:.875rem;font-weight:600}.gallery-item[data-view-option=list] .stats.margin-right{margin-right:0}.gallery-item[data-view-option=list] .info-container{grid-template-columns:1fr;gap:.5rem;padding-right:.75rem}.gallery-item[data-view-option=list] .info-row,.gallery-item[data-view-option=list] .upload-row{display:flex;gap:1rem}}.gallery-container{width:min(100%,860px);margin-inline:auto;margin-bottom:2rem;padding-inline:1rem}.view-options{display:flex;gap:1rem;margin-left:auto;width:fit-content;margin-block:1.25rem}.view-options button{background-color:transparent;border:0;border-radius:1px;cursor:pointer}.view-options button:focus-visible{outline:2px solid var(--accent-color-400);outline-offset:3px}.gallery-list[data-view-option=icon]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem .5rem}.gallery-list[data-view-option=list]{display:flex;flex-direction:column;gap:.5rem}main{padding-bottom:3.75rem;background-color:var(--bg-color-400);background-image:url("data:image/svg+xml,%3csvg%20width='630'%20height='398'%20viewBox='0%200%20630%20398'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M143%20351C85.8%20414.2%2023.8333%20399.667%200%20384.5L-59%20308L-54%201.5L287.5%20-84.5L630%20-3.5C582.4%2011.7%20571%2023%20564.5%2052C553.49%20101.12%20525.333%20156%20511.5%20169.5C457.5%20243%20363.5%20215.5%20307%20214.5C250.5%20213.5%20212.5%20229.5%20191.5%20271C175.499%20302.622%20154%20338.167%20143%20351Z'%20fill='url(%23paint0_linear_2_32)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2_32'%20x1='536.5'%20y1='-84'%20x2='54.5'%20y2='398'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2340AF79'/%3e%3cstop%20offset='1'%20stop-color='%23124757'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg%20width='210'%20height='368'%20viewBox='0%200%20210%20368'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M121.932%2039.2032C135.932%20105.603%20148%20118.203%20156.932%20119.703C205.275%20127.822%20224.932%2051.7032%20280.932%20100.203C336.932%20148.703%20330.432%20411.703%20209.432%20361.203C88.4321%20310.703%2083.4321%20249.703%2073.4321%20225.703C65.4321%20206.503%2039.7655%20184.037%2027.9322%20175.203C-26.8678%20126.803%2011.4322%2058.3699%2037.4322%2030.2032C59.7655%205.53652%20107.932%20-27.1968%20121.932%2039.2032Z'%20fill='url(%23paint0_linear_2_34)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2_34'%20x1='118'%20y1='-0.296816'%20x2='51.686'%20y2='332.244'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2340AF79'/%3e%3cstop%20offset='1'%20stop-color='%23124757'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-position:top left,bottom right;background-size:min(45vw,650px) auto,min(15vw,210px) auto}.load-more-btn{display:block;margin-inline:auto;padding:.5rem 1rem;color:var(--primary-color-100);background-color:transparent;border:1px solid var(--primary-color-100);border-radius:100vw;cursor:pointer;text-transform:uppercase}.load-more-btn:focus-visible,.load-more-btn:hover{color:var(--accent-color-400);border-color:var(--accent-color-400);outline:none}