diff --git a/index.html b/index.html index 627b9df..29fc93f 100644 --- a/index.html +++ b/index.html @@ -3,33 +3,38 @@ - + "Peter the Baker" - + -
- -
+
+
+ Petrus Pistor +
- + +
diff --git a/resources/style.css b/resources/style.css index 92ad994..0e0e61f 100644 --- a/resources/style.css +++ b/resources/style.css @@ -1,9 +1,12 @@ -#Social { - font-size: large; - font-family: sans-serif; -} -#avatar { - alignment-baseline: central; - border-radius: 50%; - margin-bottom: -.75em; -} +@import 'https://fonts.googleapis.com/css?family=Cairo|Damion&display=swap'; +body{background-color:#2c2c2c;color:#efefef;height:100%} +.tstyle{background:-webkit-linear-gradient(-45deg, #A3FF00 30%, #49FF00 35%, #00FF45 45%, #04FF54 60%, #00FFD2 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:damion;max-width:fit-content;margin:auto} +#container{text-align:center;font-family:cairo;position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);width:auto} +#container #avatar{border-radius:50%;margin-bottom:-.75em} +#container #title{font-size:4em} +#container #text{line-height:1.375} +#container #links{margin-top:1.25em;white-space:nowrap;letter-spacing:.5em;line-height:2} +@media all and (max-width:1000px){#brave-shill{margin-top:.35em;max-width:100%;border-radius:.5em}} +@media all and (min-width:1001px){#brave-shill{margin-top:.35em;width:50%;border-radius:.5em}}a{color:#1ee9ff;text-decoration:none} +#container #links a{user-select:none;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none} +.icon{width:24px}