1 line
4.4 KiB
CSS
1 line
4.4 KiB
CSS
:root{color-scheme:light dark}body{background-color:#383838;color:#fff}body.light{background-color:#fff;color:#000}@media (prefers-color-scheme: light){body{background-color:#fff;color:#000}body.dark{background-color:#383838;color:#fff}}*{box-sizing:border-box;word-break:break-word}html{scroll-behavior:smooth}header,footer{background-color:black;color:white}html,body{height:100%}body{margin:0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:400;font-style:normal}h1{margin:0rem;margin-bottom:0.5rem;margin-top:0.5rem}p{margin:0.5rem}a{text-decoration:none;color:#57B793}.col-3{flex:25%;width:25%;max-width:25%}.col-4{flex:33.33%;width:33.33%;max-width:33.33%}.col-5{flex:41.66%;width:41.66%;max-width:41.66%}.col-6{flex:50%;width:50%;max-width:50%}.col-7{flex:58.33%;width:58.33%;max-width:58.33%}.col-8{flex:66.66%;width:66.66%;max-width:66.66%}.col-9{flex:75%;width:75%;max-width:75%}.col-10{flex:83.33%;width:83.33%;max-width:83.33%}.col-11{flex:91.66%;width:91.66%;max-width:91.66%}.col-12{flex:100%;width:100%;max-width:100%}[class*="col-"]{float:left}.rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.row{display:flex;flex-wrap:wrap;flex-flow:column}.header{display:flex;flex-direction:row;width:100%;max-width:680px;margin:auto;padding:10px;font-size:large}.header i{font-size:x-large}.header>.items{display:flex;flex-grow:1;justify-content:right}.header>.items>.item{align-self:center;padding-inline-end:16px}.footer{display:flex;flex-direction:column;padding-block-start:16px;font-size:medium;text-align:center}.footer>.social{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.footer>.social i{font-size:x-large}.footer>.social a{padding-inline:6px;color:#fc9800}.footer>.links{display:flex;justify-content:center;flex-wrap:wrap;padding:0}.footer>.links .link{display:flex;padding-inline:16px}.footer>.links .link a{color:inherit}.footer>.links .link:before{content:none}.footer>.copyright{font-size:small}#content{flex-grow:1;display:flex;flex-direction:column}.title h1{font-size:xx-large}.content{padding-top:9rem;padding-bottom:2rem;padding-right:1.5rem;padding-left:1.5rem;width:100%;max-width:680px;margin:0;align-self:center;flex-grow:1}.section{padding-top:2rem;padding-bottom:2.5rem;padding-right:1.5rem;padding-left:1.5rem;width:100%;margin:0;align-self:center;flex:1 0 auto}.section-highlight{background-color:#fc9800}.section-content{width:100%;max-width:680px;margin:auto;justify-content:center}.hero .hero-content{display:flex;justify-content:center}.hero .description{padding:10px;position:relative;margin-block-start:50px;border:none}.hero .description::before,.hero .description::after{position:absolute;width:33px;height:25px;content:""}.hero .description::before{left:0;top:0;border-left:3px solid #fc9800;border-top:3px solid #fc9800}.hero .description::after{right:0;bottom:0;border-right:3px solid #fc9800;border-bottom:3px solid #fc9800}.hero-content>div{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding-inline-start:25px}.hero-content .social{display:flex;flex-direction:row;flex-wrap:wrap}.hero-content .social i{font-size:x-large}.hero-content .social a{padding-inline:6px;color:#fc9800}button{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;background-color:transparent;background-image:none;text-transform:none;padding:0}.button-filled{background-color:#fc9800;color:white;border:2px solid #fc9800;border-radius:4px;padding:0.5rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem}.button-outlined{background-color:transparent;color:#fc9800;border:2px solid #fc9800;border-radius:4px;padding:0.5rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem}.button-outlined:hover{background-color:#fc9800;color:white}img{margin:auto;object-fit:contain}.avatar{border-radius:50%;border:3px solid #fc9800;object-fit:cover;width:150px}
|