RecordsMaster.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/Site1.Master" AutoEventWireup="true" CodeBehind="RecordsMaster.aspx.cs" Inherits="YoadMadrid.Pages.WebForm2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        @font-face {
            font-family: 'RealMadrid2019';
            src: url('Fonts/real-madrid-19-20.ttf');
        }

        @font-face {
            font-family: 'BragoFree';
            src: url('Fonts/Bragofree-L3l8E.ttf');
        }

        body {
            background-image: url(/Images/Records.png);
            background-repeat: no-repeat;
            background-position: center +50px; 
            background-size: cover;
            font-family: Arial, sans-serif;
            margin: 0;
            overflow: hidden;
            height: 100vh;
        }

        h1 {
            color: #0070c0;
            font-family: 'Real Madrid 19-20', sans-serif; 
            font-size: 75px;
            margin: 0;
            padding-top: 140px; 
        }

        p.paragraph1 {
            color: white;
            font-family: David;
            font-size: 33px;
            margin: 0px 0; 
           
        }
        
        p.paragraph2 {
            color: yellow;
            font-family: David;
            font-size: 33px;
            margin: 0px 0; 
           
        }

        #barRecords a {
    background-color: #bfdbfe;
    color: #3b82f6;
}
        
        p.paragraph3 {
            color: red;
            font-family: David;
            font-size: 33px;
            margin: 0px 0; 
           
        }
        
        p.paragraph4 {
            color: #00529f;
            font-family: David;
            font-size: 33px;
            margin: 0px 0; 
           
        }



    </style>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">


        <div style="height: 100vh; width: 34vw; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(8px); box-shadow: 20px 0px 25px rgba(0, 0, 0, 0.2); color: white; font-size: 25px; font-family: Bahnschrift">  
            Real Madrid has achieved numerous records and statistics throughout its history. The club holds the record for most goals scored in La Liga with above 6500 goals, and most goals scored in a single season with 121 goals in the 2011-2012 season. 
            <br />
            Cristiano Ronaldo is the all-time top scorer with 450 goals, followed by Karim Benzema with 238 goals. 
            <br />
            The club also holds the record for most clean sheets in La Liga with 1,821 clean sheets, with Iker Casillas holding the record for most clean sheets by a goalkeeper with 177 clean sheets. 
            <br />
            Real Madrid has also achieved the most consecutive wins in La Liga with 18 wins, and the most consecutive away wins with 13 wins. 
            <br />
            Additionally, the club holds the record for most hat-tricks in La Liga with 141 hat-tricks, with Cristiano Ronaldo scoring the most hat-tricks with 34 hat-tricks. 
            <br />
            Real Madrid has also achieved the most wins in a single season with 38 wins, and the most points in a single season with 100 points. The club also holds the record for most consecutive matches scored in with 73 matches, and the most consecutive away matches scored in with 35 matches. 
            <br />
            Compared to other clubs, Real Madrid has the most La Liga titles with 35 titles, and the most Copa del Rey titles with 20 titles. 
            <br />
            Overall, Real Madrid CF has achieved numerous impressive records and statistics throughout its history, cementing its position as one of the most successful clubs in the world.

        </div>

  
</asp:Content>