Liturgical Legos Official Color: #978216

Liturgical Legos Official Font:

Easy reference HTML Headings:

<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?"> <style> body { font-family: 'Grenze Gotisch', serif; color: #fdfdfd; font-size: 100px; text-shadow: 4px 4px 4px #978216; text-align: center; padding-top:84px; vertical-align:middle; } </style> </head> <body> <p>Lorem Ipsum</p> </body></html>
---css effects from https://freefrontend.com/css-text-effects/ can go here---font-color. White: #ffffff Black: 000 Barely white: #fdfdfd Official LL Gold: #978216-font size in pixels-shadow; three size factors then color -left, right, and center-how far from the top[does this actually work]----Your text goes between <p> and </p>--

HTML Audio plugins:

Laetare Sunday Recordings

<div id="cincopa_1ce74f">...</div><script type="text/javascript">var cpo = []; cpo["_object"] ="cincopa_1ce74f"; cpo["_fid"] = "AEFARwOrRCWP";var _cpmp = _cpmp || []; _cpmp.push(cpo);(function() { var cp = document.createElement("script"); cp.type = "text/javascript";cp.async = true; cp.src = "https://rtcdn.cincopa.com/libasync.js";var c = document.getElementsByTagName("script")[0];c.parentNode.insertBefore(cp, c); })(); </script>

Easter Music Reel

<div id="cincopa_9609db">...</div><script type="text/javascript">var cpo = []; cpo["_object"] ="cincopa_9609db"; cpo["_fid"] = "AEFARwOrRCWP";var _cpmp = _cpmp || []; _cpmp.push(cpo);(function() { var cp = document.createElement("script"); cp.type = "text/javascript";cp.async = true; cp.src = "https://rtcdn.cincopa.com/libasync.js";var c = document.getElementsByTagName("script")[0];c.parentNode.insertBefore(cp, c); })(); </script>


@import url("https://fonts.googleapis.com/css?family=Grenze Gotisch:900");

.wrapper {

animation: sliding-background 40s linear infinite;

background: url("https://images.unsplash.com/photo-1645935155625-e832a535215f") no-repeat left/100%;

height: 200vh;

text-align: center;

width: 200vw;

}


.title {

background: white;

color: black;

font-family: "Montserrat", sans-serif;

font-size: 35vw;

letter-spacing: 1vw;

line-height: 100vh;

margin: 0;

mix-blend-mode: lighten;

text-transform: uppercase;

text-shadow: 0 0 0px, 1px 1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black, 6px 6px black, 7px 7px black, 8px 8px black, 9px 9px black, 10px 10px black, 11px 11px black, 12px 12px black, 13px 13px black, 14px 14px black, 15px 15px black, 16px 16px black, 17px 17px black, 18px 18px black, 19px 19px black, 20px 20px black, 21px 21px black, 22px 22px black, 23px 23px black, 24px 24px black, 25px 25px black, 26px 26px black, 27px 27px black, 28px 28px black, 29px 29px black, 30px 30px black, 31px 31px black, 32px 32px black, 33px 33px black, 34px 34px black, 35px 35px black;

}

.title:before {

color: white;

content: attr(data-text);

margin-left: -1%;

margin-top: -1%;

position: absolute;

}


@keyframes sliding-background {

0%, 100% {

background-position: 0 40%;

}

50% {

background-position: 100% 40%;

}

}