diff --git a/static/css/index.css b/static/css/index.css index a58113c..f71659e 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -1 +1 @@ -*{margin:0;padding:0;box-sizing:border-box}body{position:relative;display:flex;flex-flow:column;align-items:center;justify-content:flex-start;font-family:"Orbitron",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;width:100%;height:100%;background:#fff;overflow:scroll}body>header:first-child{position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column;gap:2rem;padding:5rem 0;width:100%}@media screen and (min-width: 1024px){body>header:first-child{flex-flow:row;gap:5rem}}body>header:first-child>section{flex-grow:1;position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:.5rem}body>header:first-child>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){flex-grow:0}@media screen and (max-width: 1023.99px){body>header:first-child>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){order:1}}@media screen and (min-width: 1024px){body>header:first-child>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){align-items:flex-start;max-width:472px}}body>header:first-child>section:has(video),body>header:first-child>section:has(iframe){width:calc(100% - 2rem);max-width:32rem}body>header:first-child>section:has(video)>section,body>header:first-child>section:has(iframe)>section{width:100%;max-width:32rem;aspect-ratio:16/9;border-radius:.5rem;box-shadow:0 .75rem 2.75rem -0.25rem rgba(50,50,93,.2509803922),0 .5rem 1rem -0.5rem rgba(0,0,0,.3019607843),0 -0.5rem 1rem -0.5rem rgba(0,0,0,.031372549);overflow:hidden}@media screen and (max-width: 1023.99px){body>header:first-child>section:has(video),body>header:first-child>section:has(iframe){order:2}}body>header:first-child>section:has(audio){width:calc(100% - 2rem);max-width:32rem}@media screen and (max-width: 1023.99px){body>header:first-child>section:has(audio){order:2}}body>header:first-child>section>form{margin-top:1rem;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.5rem .75rem;width:100%}@media screen and (min-width: 1024px){body>header:first-child>section>form{justify-content:flex-start}}body>header:first-child>section>form label{display:flex;align-items:center;gap:.25rem}body>header:first-child>section>form p{text-align:center}@media screen and (min-width: 1024px){body>header:first-child>section>form p{text-align:left}}body>header:first-child>section>section.button{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem}body>header:first-child>section>section.button[data-selected="0"]>button:nth-child(1){background-color:#000;color:#fff}body>header:first-child>section>section.button[data-selected="1"]>button:nth-child(2){background-color:#000;color:#fff}body>header:first-child>section>section.button[data-selected="2"]>button:nth-child(3){background-color:#000;color:#fff}body>header:first-child>section>section.button[data-selected="3"]>button:nth-child(4){background-color:#000;color:#fff}body>header:first-child>section>section.button[data-selected="4"]>button:nth-child(5){background-color:#000;color:#fff}@media screen and (min-width: 1024px){body>header:first-child>section>section.button{justify-content:flex-start}}body>header:first-child h1{text-align:center;font-size:2rem}@media screen and (min-width: 480px){body>header:first-child h1{font-size:2.5rem}}body>header:first-child h1 span{margin-right:.5rem;font-size:2.5rem}body>header:first-child h2{text-align:center;font-size:1.5rem;font-weight:400}@media screen and (min-width: 480px){body>header:first-child h2{font-size:1.75rem}}body>header:first-child p{margin-top:.5rem;text-decoration:none;color:#000}body>header:first-child a{text-decoration:none;color:#6c61ff}body>header:first-child p{text-align:center}body>section:nth-child(2){position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column;gap:2rem;padding:5rem 0;width:100%;background-color:#f4f7fc}body>section:nth-child(2) h2{text-align:center;font-size:1.5rem}@media screen and (min-width: 480px){body>section:nth-child(2) h2{font-size:1.75rem}}body>section:nth-child(2) p{text-align:center}body>section:nth-child(2) pre{padding:1rem 2rem;width:calc(100% - 2rem);max-width:512px;font-family:monospace;background-color:#27282c;border-radius:.5rem;overflow:scroll}body>section:nth-child(2)>code{padding:1rem;width:calc(100% - 2rem);max-width:512px;font-family:monospace;background-color:#27282c;border-radius:.5rem;color:#fff;overflow:scroll}body>section:nth-child(3),body>section:nth-child(4),body>section:nth-child(5){position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column;width:100%;max-width:1024px;gap:2rem;padding:5rem 1rem}@media screen and (min-width: 1024px){body>section:nth-child(3),body>section:nth-child(4),body>section:nth-child(5){flex-flow:row;gap:5rem}}body>section:nth-child(3)>section,body>section:nth-child(4)>section,body>section:nth-child(5)>section{flex-grow:1;position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:.5rem}body>section:nth-child(3)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(4)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(5)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){flex-grow:0}@media screen and (max-width: 1023.99px){body>section:nth-child(3)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(4)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(5)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){order:1}}@media screen and (min-width: 1024px){body>section:nth-child(3)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(4)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(5)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){align-items:flex-start;max-width:472px}}body>section:nth-child(3)>section:has(video),body>section:nth-child(3)>section:has(iframe),body>section:nth-child(4)>section:has(video),body>section:nth-child(4)>section:has(iframe),body>section:nth-child(5)>section:has(video),body>section:nth-child(5)>section:has(iframe){width:calc(100% - 2rem);max-width:32rem}body>section:nth-child(3)>section:has(video)>section,body>section:nth-child(3)>section:has(iframe)>section,body>section:nth-child(4)>section:has(video)>section,body>section:nth-child(4)>section:has(iframe)>section,body>section:nth-child(5)>section:has(video)>section,body>section:nth-child(5)>section:has(iframe)>section{width:100%;max-width:32rem;aspect-ratio:16/9;border-radius:.5rem;box-shadow:0 .75rem 2.75rem -0.25rem rgba(50,50,93,.2509803922),0 .5rem 1rem -0.5rem rgba(0,0,0,.3019607843),0 -0.5rem 1rem -0.5rem rgba(0,0,0,.031372549);overflow:hidden}@media screen and (max-width: 1023.99px){body>section:nth-child(3)>section:has(video),body>section:nth-child(3)>section:has(iframe),body>section:nth-child(4)>section:has(video),body>section:nth-child(4)>section:has(iframe),body>section:nth-child(5)>section:has(video),body>section:nth-child(5)>section:has(iframe){order:2}}body>section:nth-child(3)>section:has(audio),body>section:nth-child(4)>section:has(audio),body>section:nth-child(5)>section:has(audio){width:calc(100% - 2rem);max-width:32rem}@media screen and (max-width: 1023.99px){body>section:nth-child(3)>section:has(audio),body>section:nth-child(4)>section:has(audio),body>section:nth-child(5)>section:has(audio){order:2}}body>section:nth-child(3)>section>form,body>section:nth-child(4)>section>form,body>section:nth-child(5)>section>form{margin-top:1rem;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.5rem .75rem;width:100%}@media screen and (min-width: 1024px){body>section:nth-child(3)>section>form,body>section:nth-child(4)>section>form,body>section:nth-child(5)>section>form{justify-content:flex-start}}body>section:nth-child(3)>section>form label,body>section:nth-child(4)>section>form label,body>section:nth-child(5)>section>form label{display:flex;align-items:center;gap:.25rem}body>section:nth-child(3)>section>form p,body>section:nth-child(4)>section>form p,body>section:nth-child(5)>section>form p{text-align:center}@media screen and (min-width: 1024px){body>section:nth-child(3)>section>form p,body>section:nth-child(4)>section>form p,body>section:nth-child(5)>section>form p{text-align:left}}body>section:nth-child(3)>section>form hr,body>section:nth-child(4)>section>form hr,body>section:nth-child(5)>section>form hr{width:100%;height:0;border:none;border-bottom:.5px solid #000}body>section:nth-child(3)>section>form button,body>section:nth-child(4)>section>form button,body>section:nth-child(5)>section>form button{display:flex;gap:.125rem;align-items:center;padding:0;line-height:22px;font-size:.875rem;color:#6c61ff;border:none}body>section:nth-child(3)>section>form button:active,body>section:nth-child(4)>section>form button:active,body>section:nth-child(5)>section>form button:active{color:#5950d7}body>section:nth-child(3)>section>form button span,body>section:nth-child(4)>section>form button span,body>section:nth-child(5)>section>form button span{font-size:.875rem;pointer-events:none}body>section:nth-child(3)>section>section.button,body>section:nth-child(4)>section>section.button,body>section:nth-child(5)>section>section.button{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem}body>section:nth-child(3)>section>section.button[data-selected="0"]>button:nth-child(1),body>section:nth-child(4)>section>section.button[data-selected="0"]>button:nth-child(1),body>section:nth-child(5)>section>section.button[data-selected="0"]>button:nth-child(1){background-color:#000;color:#fff}body>section:nth-child(3)>section>section.button[data-selected="1"]>button:nth-child(2),body>section:nth-child(4)>section>section.button[data-selected="1"]>button:nth-child(2),body>section:nth-child(5)>section>section.button[data-selected="1"]>button:nth-child(2){background-color:#000;color:#fff}body>section:nth-child(3)>section>section.button[data-selected="2"]>button:nth-child(3),body>section:nth-child(4)>section>section.button[data-selected="2"]>button:nth-child(3),body>section:nth-child(5)>section>section.button[data-selected="2"]>button:nth-child(3){background-color:#000;color:#fff}body>section:nth-child(3)>section>section.button[data-selected="3"]>button:nth-child(4),body>section:nth-child(4)>section>section.button[data-selected="3"]>button:nth-child(4),body>section:nth-child(5)>section>section.button[data-selected="3"]>button:nth-child(4){background-color:#000;color:#fff}body>section:nth-child(3)>section>section.button[data-selected="4"]>button:nth-child(5),body>section:nth-child(4)>section>section.button[data-selected="4"]>button:nth-child(5),body>section:nth-child(5)>section>section.button[data-selected="4"]>button:nth-child(5){background-color:#000;color:#fff}@media screen and (min-width: 1024px){body>section:nth-child(3)>section>section.button,body>section:nth-child(4)>section>section.button,body>section:nth-child(5)>section>section.button{justify-content:flex-start}}body>section:nth-child(3) p,body>section:nth-child(4) p,body>section:nth-child(5) p{margin-top:.5rem;text-decoration:none;color:#000}body>section:nth-child(3) a,body>section:nth-child(4) a,body>section:nth-child(5) a{text-decoration:none;color:#6c61ff}body>section:nth-child(3) h2,body>section:nth-child(4) h2,body>section:nth-child(5) h2{text-align:left;font-size:1.5rem}@media screen and (min-width: 480px){body>section:nth-child(3) h2,body>section:nth-child(4) h2,body>section:nth-child(5) h2{font-size:1.75rem}}body>section:nth-child(3) button,body>section:nth-child(4) button,body>section:nth-child(5) button{padding:0 1rem;line-height:2.5rem;font-size:1rem;background-color:#fff;color:#000;border:1px solid #000;border-radius:.75rem;font-family:"Orbitron",sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}body>footer{position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column;gap:2rem;padding:5rem 0;width:100%;background-color:#000;color:#fff}body>footer a{text-decoration:none;color:#fff} +*{margin:0;padding:0;box-sizing:border-box}body{position:relative;display:flex;flex-flow:column;align-items:center;justify-content:flex-start;font-family:"Orbitron",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;width:100%;height:100%;background:#fff;overflow:scroll}body>header:first-child{position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column;gap:2rem;padding:5rem 0;width:100%}@media screen and (min-width: 1024px){body>header:first-child{flex-flow:row;gap:5rem}}body>header:first-child>section{flex-grow:1;position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:1rem}body>header:first-child>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){flex-grow:0}@media screen and (max-width: 1023.99px){body>header:first-child>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){order:1}}@media screen and (min-width: 1024px){body>header:first-child>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){align-items:flex-start;max-width:472px}}body>header:first-child>section:has(video),body>header:first-child>section:has(iframe){width:calc(100% - 2rem);max-width:32rem}body>header:first-child>section:has(video)>section,body>header:first-child>section:has(iframe)>section{width:100%;max-width:32rem;aspect-ratio:16/9;border-radius:.5rem;box-shadow:0 .75rem 2.75rem -0.25rem rgba(50,50,93,.2509803922),0 .5rem 1rem -0.5rem rgba(0,0,0,.3019607843),0 -0.5rem 1rem -0.5rem rgba(0,0,0,.031372549);overflow:hidden}@media screen and (max-width: 1023.99px){body>header:first-child>section:has(video),body>header:first-child>section:has(iframe){order:2}}body>header:first-child>section:has(audio){width:calc(100% - 2rem);max-width:32rem}@media screen and (max-width: 1023.99px){body>header:first-child>section:has(audio){order:2}}body>header:first-child>section>form{margin-top:1rem;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.5rem .75rem;width:100%}@media screen and (min-width: 1024px){body>header:first-child>section>form{justify-content:flex-start}}body>header:first-child>section>form label{display:flex;align-items:center;gap:.25rem}body>header:first-child>section>form p{text-align:center}@media screen and (min-width: 1024px){body>header:first-child>section>form p{text-align:left}}body>header:first-child>section>section.button{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem}body>header:first-child>section>section.button[data-selected="0"]>button:nth-child(1){background-color:#000;color:#fff}body>header:first-child>section>section.button[data-selected="1"]>button:nth-child(2){background-color:#000;color:#fff}body>header:first-child>section>section.button[data-selected="2"]>button:nth-child(3){background-color:#000;color:#fff}body>header:first-child>section>section.button[data-selected="3"]>button:nth-child(4){background-color:#000;color:#fff}body>header:first-child>section>section.button[data-selected="4"]>button:nth-child(5){background-color:#000;color:#fff}@media screen and (min-width: 1024px){body>header:first-child>section>section.button{justify-content:flex-start}}body>header:first-child h1{text-align:center;font-size:2rem}@media screen and (min-width: 480px){body>header:first-child h1{font-size:2.5rem}}body>header:first-child h1 span{margin-right:.5rem;font-size:2.5rem}body>header:first-child h2{text-align:center;font-size:1.5rem;font-weight:400}@media screen and (min-width: 480px){body>header:first-child h2{font-size:1.75rem}}body>header:first-child p{text-decoration:none;color:#000}body>header:first-child a{text-decoration:none;color:#6c61ff}body>header:first-child p{text-align:center}body>section:nth-child(2){position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column;gap:2rem;padding:5rem 0;width:100%;background-color:#f4f7fc}body>section:nth-child(2) h2{text-align:center;font-size:1.5rem}@media screen and (min-width: 480px){body>section:nth-child(2) h2{font-size:1.75rem}}body>section:nth-child(2) p{text-align:center}body>section:nth-child(2) pre{padding:1rem 2rem;width:calc(100% - 2rem);max-width:512px;font-family:monospace;background-color:#27282c;border-radius:.5rem;overflow:scroll}body>section:nth-child(2)>code{padding:1rem;width:calc(100% - 2rem);max-width:512px;font-family:monospace;background-color:#27282c;border-radius:.5rem;color:#fff;overflow:scroll}body>section:nth-child(3),body>section:nth-child(4),body>section:nth-child(5){position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column;width:100%;max-width:1024px;gap:2rem;padding:5rem 1rem}@media screen and (min-width: 1024px){body>section:nth-child(3),body>section:nth-child(4),body>section:nth-child(5){flex-flow:row;gap:5rem}}body>section:nth-child(3)>section,body>section:nth-child(4)>section,body>section:nth-child(5)>section{flex-grow:1;position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:1rem}body>section:nth-child(3)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(4)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(5)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){flex-grow:0}@media screen and (max-width: 1023.99px){body>section:nth-child(3)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(4)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(5)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){order:1}}@media screen and (min-width: 1024px){body>section:nth-child(3)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(4)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)),body>section:nth-child(5)>section:not(:has(video)):not(:has(iframe)):not(:has(audio)){align-items:flex-start;max-width:472px}}body>section:nth-child(3)>section:has(video),body>section:nth-child(3)>section:has(iframe),body>section:nth-child(4)>section:has(video),body>section:nth-child(4)>section:has(iframe),body>section:nth-child(5)>section:has(video),body>section:nth-child(5)>section:has(iframe){width:calc(100% - 2rem);max-width:32rem}body>section:nth-child(3)>section:has(video)>section,body>section:nth-child(3)>section:has(iframe)>section,body>section:nth-child(4)>section:has(video)>section,body>section:nth-child(4)>section:has(iframe)>section,body>section:nth-child(5)>section:has(video)>section,body>section:nth-child(5)>section:has(iframe)>section{width:100%;max-width:32rem;aspect-ratio:16/9;border-radius:.5rem;box-shadow:0 .75rem 2.75rem -0.25rem rgba(50,50,93,.2509803922),0 .5rem 1rem -0.5rem rgba(0,0,0,.3019607843),0 -0.5rem 1rem -0.5rem rgba(0,0,0,.031372549);overflow:hidden}@media screen and (max-width: 1023.99px){body>section:nth-child(3)>section:has(video),body>section:nth-child(3)>section:has(iframe),body>section:nth-child(4)>section:has(video),body>section:nth-child(4)>section:has(iframe),body>section:nth-child(5)>section:has(video),body>section:nth-child(5)>section:has(iframe){order:2}}body>section:nth-child(3)>section:has(audio),body>section:nth-child(4)>section:has(audio),body>section:nth-child(5)>section:has(audio){width:calc(100% - 2rem);max-width:32rem}@media screen and (max-width: 1023.99px){body>section:nth-child(3)>section:has(audio),body>section:nth-child(4)>section:has(audio),body>section:nth-child(5)>section:has(audio){order:2}}body>section:nth-child(3)>section>form,body>section:nth-child(4)>section>form,body>section:nth-child(5)>section>form{margin-top:1rem;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.5rem .75rem;width:100%}@media screen and (min-width: 1024px){body>section:nth-child(3)>section>form,body>section:nth-child(4)>section>form,body>section:nth-child(5)>section>form{justify-content:flex-start}}body>section:nth-child(3)>section>form label,body>section:nth-child(4)>section>form label,body>section:nth-child(5)>section>form label{display:flex;align-items:center;gap:.25rem}body>section:nth-child(3)>section>form p,body>section:nth-child(4)>section>form p,body>section:nth-child(5)>section>form p{text-align:center}@media screen and (min-width: 1024px){body>section:nth-child(3)>section>form p,body>section:nth-child(4)>section>form p,body>section:nth-child(5)>section>form p{text-align:left}}body>section:nth-child(3)>section>form hr,body>section:nth-child(4)>section>form hr,body>section:nth-child(5)>section>form hr{width:100%;height:0;border:none;border-bottom:.5px solid #000}body>section:nth-child(3)>section>form button,body>section:nth-child(4)>section>form button,body>section:nth-child(5)>section>form button{display:flex;gap:.125rem;align-items:center;padding:0;line-height:22px;font-size:.875rem;color:#6c61ff;border:none}body>section:nth-child(3)>section>form button:active,body>section:nth-child(4)>section>form button:active,body>section:nth-child(5)>section>form button:active{color:#5950d7}body>section:nth-child(3)>section>form button span,body>section:nth-child(4)>section>form button span,body>section:nth-child(5)>section>form button span{font-size:.875rem;pointer-events:none}body>section:nth-child(3)>section>section.button,body>section:nth-child(4)>section>section.button,body>section:nth-child(5)>section>section.button{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem}body>section:nth-child(3)>section>section.button[data-selected="0"]>button:nth-child(1),body>section:nth-child(4)>section>section.button[data-selected="0"]>button:nth-child(1),body>section:nth-child(5)>section>section.button[data-selected="0"]>button:nth-child(1){background-color:#000;color:#fff}body>section:nth-child(3)>section>section.button[data-selected="1"]>button:nth-child(2),body>section:nth-child(4)>section>section.button[data-selected="1"]>button:nth-child(2),body>section:nth-child(5)>section>section.button[data-selected="1"]>button:nth-child(2){background-color:#000;color:#fff}body>section:nth-child(3)>section>section.button[data-selected="2"]>button:nth-child(3),body>section:nth-child(4)>section>section.button[data-selected="2"]>button:nth-child(3),body>section:nth-child(5)>section>section.button[data-selected="2"]>button:nth-child(3){background-color:#000;color:#fff}body>section:nth-child(3)>section>section.button[data-selected="3"]>button:nth-child(4),body>section:nth-child(4)>section>section.button[data-selected="3"]>button:nth-child(4),body>section:nth-child(5)>section>section.button[data-selected="3"]>button:nth-child(4){background-color:#000;color:#fff}body>section:nth-child(3)>section>section.button[data-selected="4"]>button:nth-child(5),body>section:nth-child(4)>section>section.button[data-selected="4"]>button:nth-child(5),body>section:nth-child(5)>section>section.button[data-selected="4"]>button:nth-child(5){background-color:#000;color:#fff}@media screen and (min-width: 1024px){body>section:nth-child(3)>section>section.button,body>section:nth-child(4)>section>section.button,body>section:nth-child(5)>section>section.button{justify-content:flex-start}}body>section:nth-child(3) p,body>section:nth-child(4) p,body>section:nth-child(5) p{text-decoration:none;color:#000}body>section:nth-child(3) a,body>section:nth-child(4) a,body>section:nth-child(5) a{text-decoration:none;color:#6c61ff}body>section:nth-child(3) h2,body>section:nth-child(4) h2,body>section:nth-child(5) h2{text-align:left;font-size:1.5rem}@media screen and (min-width: 480px){body>section:nth-child(3) h2,body>section:nth-child(4) h2,body>section:nth-child(5) h2{font-size:1.75rem}}body>section:nth-child(3) button,body>section:nth-child(4) button,body>section:nth-child(5) button{padding:0 1rem;line-height:2.5rem;font-size:1rem;background-color:#fff;color:#000;border:1px solid #000;border-radius:.75rem;font-family:"Orbitron",sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}body>footer{position:relative;display:flex;justify-content:center;align-items:center;flex-flow:column;gap:2rem;padding:5rem 0;width:100%;background-color:#000;color:#fff}body>footer a{text-decoration:none;color:#fff} diff --git a/static/sass/index.scss b/static/sass/index.scss index 6da4120..e67c235 100644 --- a/static/sass/index.scss +++ b/static/sass/index.scss @@ -31,7 +31,6 @@ body { @media screen and (min-width: 1024px) { flex-flow: row; - ; gap: 5rem; } @@ -42,7 +41,7 @@ body { flex-flow: column; justify-content: center; align-items: center; - gap: 0.5rem; + gap: 1rem; &:not(:has(video)):not(:has(iframe)):not(:has(audio)) { flex-grow: 0; @@ -89,8 +88,6 @@ body { } } - ; - >form { margin-top: 1rem; display: flex; @@ -184,7 +181,6 @@ body { } p { - margin-top: 0.5rem; text-decoration: none; color: #000; } @@ -271,7 +267,7 @@ body { flex-flow: column; justify-content: center; align-items: center; - gap: 0.5rem; + gap: 1rem; &:not(:has(video)):not(:has(iframe)):not(:has(audio)) { flex-grow: 0; @@ -318,8 +314,6 @@ body { } } - ; - >form { margin-top: 1rem; display: flex; @@ -416,7 +410,6 @@ body { } p { - margin-top: 0.5rem; text-decoration: none; color: #000; }