Adding style to bulletins

Hello guys, I have figured out the coolest trick in space hey!!! i have cheated the system and added style to bulletins

 The trick is not to add any breaks between your style because if you add breaks it adds a HTML tag of <br> and that breaks the style commands, so for each new style you want to add you need to not use more than one break

The code for the template is here [use as much as you want but pls credit me :)]:

<style>@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');</style>

<style>:root{--darker-blue:#eb5b9c;--lighter-blue:#ffc7f8;--lighter-orange:#ffddf4;}</style>

<style>:root{--even-lighter-orange:#ffddf4; --light-orange:#ffc7f8;}</style>

<style>body{background-image:url("https://cutt.ly/y3x7AQJ"); font-family:'Courgette', cursive}</style>

<style>.edit-info{border:2px dotted #eb5b9c;background:#ffddf4;} main{color:#5b2a75;}</style>

<style>nav .links a{text-shadow:0px 0px 10px #e31c79;}nav{padding-top:10px; padding-bottom:10px;}</style>

<style>i{color:#e31c79;} .count{color:#e31c79;} footer{background-color:#ffc7f8;}</style>

<style>main{backdrop-filter:sepia(67%)saturate(200%)hue-rotate(296deg)contrast(103%)blur(3px);}</style>

<style>footer{background-color:#ffddf4;} nav .top{background-color:#ffddf4;}</style>

<style>main{background:none;}</style>

(if yall want any other template dm me and I can make it for u)

THIS IS HOW YOU PUT THE CODE IN OR IT WONT WORK!(Notice how there isn't any breaks):