header{padding:1em;text-align:center}main{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1em}form{width:100%;padding:2em;background:var(--background);max-width:800px;color:var(--text);border-radius:.5em}form>h1{margin:0 0 1em}form section:not(:last-of-type){margin-bottom:1.5em}form button,form input,form input::placeholder{padding:1em;font-weight:900;background-color:var(--accentTwo);border:none;border-radius:.25em;color:var(--text)}form button{padding:1em}form button:hover{background-color:var(--secondary);color:var(--text);transition:all .1s linear;cursor:pointer}form .time>button{margin:2em auto 0;width:100%}form .time>div:first-child{display:flex;justify-content:space-between;align-items:center}form .time>div:first-child p{text-transform:capitalize;font-size:1.1em;font-weight:900;color:var(--accentTwo)}form .time>div:nth-child(2){overflow:hidden;display:grid;grid-gap:2em;gap:2em;grid-template-rows:auto 1em auto;grid-template-columns:repeat(4,1fr)}form .time>div:nth-child(2) input{grid-column:1/3}form .time>div:nth-child(2) button:last-of-type{grid-column:3/5}form .time>div:nth-child(2) p{font-size:1.1em;text-transform:capitalize;margin:0;text-align:center;grid-column:1/5}form .position>div:first-child{display:flex;justify-content:space-between;align-items:center}form .position>div:first-child p{text-transform:capitalize;font-size:1.1em;font-weight:900;color:var(--accentTwo)}form .position>div:nth-child(2){overflow:hidden;background:hsla(0,0%,100%,.1);display:grid;grid-gap:1em;gap:1em;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:"TL TC TR" "ML MC MR" "BL BC BR"}form .position button{margin:.5em}form .position button:first-child{grid-area:TL}form .position button:nth-child(2){grid-area:TR}form .position button:nth-child(3){grid-area:BL}form .position button:nth-child(4){grid-area:BR}form .position button:nth-child(5){grid-area:NEXT}form .video>div:first-child{display:flex;justify-content:space-between;align-items:center}form .video>div:first-child p{font-weight:900;color:var(--accentTwo);font-size:1.1em;text-transform:capitalize}form .video>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;grid-gap:1em;gap:1em;overflow:hidden}form .video>div:nth-child(2)>button{width:100%;aspect-ratio:16/9;background-color:#b0b;background-size:cover}header{width:100%;padding:2em;background:var(--background);max-width:800px;color:var(--text);border-radius:.5em}header>h1{margin:0 0 1em}section.link{width:100%;padding:2em;background:var(--background);max-width:800px;color:var(--text);border-radius:.5em}section.link>h1{margin:0 0 1em}section.link>div{display:flex;gap:1em}section.link>div input{width:100%}section.link>div button,section.link>div input,section.link>div input::placeholder{padding:1em;font-weight:900;background-color:var(--accentTwo);border:none;border-radius:.25em;color:var(--text)}section.link>div button{padding:1em}section.link>div button:hover{background-color:var(--secondary);color:var(--text);transition:all .1s linear;cursor:pointer}