@font-face { font-family: 'Federationbold'; src: url('./fonts/FederationBold.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Calibri'; src: url('./fonts/calibri.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('./fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } body { background-color: black; max-width: 800px; margin: auto; padding-left: 3vw; padding-right: 3vw; padding-top: 46px; color: gray; } h1{ font-weight: inherit; } table{ width: min(791px,98vw); margin: auto; position: relative; left: -25px; } tr{ position: relative; } td{ padding-bottom: 20px; vertical-align: top; } div{ text-align-last: justify; } .n{ text-align: right; padding-right: min(41px,5.5vw); } .t{ padding-left: 10px; } .lastline{ text-align-last: left; } #title { font-family : Federationbold, Arial, Helvetica, Verdana, Sans-serif; /*! font-weight: bold; */ font-size : min(52px,5.5vw); color : #FFFFFF; text-align: center; margin-bottom: 45px; } #subtitle { font-family : FederationBold, Arial, Helvetica, Verdana, Sans-serif; /*! font-weight: bold; */ font-size : min(32px,3.5vw); color : #FFFFFF; text-align: center; margin-bottom: 36px; } .number { font-family : FederationBold, Arial, Helvetica, Verdana, Sans-serif; font-weight: bold; font-size : min(43px,5.5vw); color : #FFFFFF; text-align: center; vertical-align: top; display: inline; } .text { font-family : Open Sans, Helvetica, Verdana, Sans-serif; font-size : min(15px,4vw); color : #FFFFFF; text-align: justify ; font-weight: bold; line-height: 21px; } hr{ height: 1px; } #back{ float: left; /*! color: cadetblue; */ } #env{ float: right; padding-right: 5px; }