*{margin:0;padding:0;box-sizing:border-box;text-transform:uppercase}body{font-family:Roboto,Times New Roman,serif;background:linear-gradient(135deg,#003082,#012169 50%,#c8102e);background-attachment:fixed;min-height:100vh;padding:20px;color:#1a1a1a;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 20px);pointer-events:none;z-index:0}@media (max-width:768px){body{padding:10px}}