How to import Css styles in one aspx to another ASPX page

<%@ Page Language="c#" ContentType="text/css" %>
<script language="c#" runat="server">
    public string SearchButtonBgColor = "#56687e";
    public string SearchButtonHighlight = "#9aa4b0";
    public string SearchButtonShadow = "#56687e";
    public string rolloverColor = "#996633";
    public string lineColor = "#a4b8df";
    public string selectedChoiceBackgroundColor = "#ffffff";

    public string SearchButtonBgColorGreen = "#6A9525";
    public string SearchButtonHighlight1 = "#95BC4D";
    public string SearchButtonShadow1 = "#416026 ";
    public string textColor1 = "Red";

    public string SearchButtonBgColorOrange = "#DD9538";
    public string SearchButtonBgColorRed = "#F4584D";
    public string SearchButtonBgColorBlue = "#5A7D94";
    public string SearchButtonBgColorPink = "#D27ABC";
    public string SearchButtonBgColorBrown = "#C98888";
    public string SearchButtonBgColorBluishGray = "#6B869C";
    public string BodyBgImage = "../Images/In Bloom.jpg";
    public string BodyBackColor = "";
    public string textColor = "#ffffff";
</script>


@font-face
{
    font-family: segoeui;
    src: url('../Fonts/segoeui.otf') format("opentype");
    src: url('../Fonts/segoeui.eot');
    src: local('?'), url('../Fonts/segoeui.woff') format('woff'), url('../Fonts/segoeui.ttf') format('truetype'), url('../Fonts/segoeui.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
    font-family: segoeui;
    color: <%= textColor %>;
    position: relative; /*padding-top: 90px;*/
    background-color: Black;
    /*background-repeat: repeat;
    background:url('<%= BodyBgImage %>');*/

}
.tiles
{
    width: 30px;
    display: block;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    text-align: Center;
}
a
{
 text-decoration:none;
}

.tilesBackground
{
    background: Cyan;
}
.appstore
{
    background-color: #fff;
}

.metro-section
{
    width: 960px !important;
    height: 99% !important;
    position: relative;
}

.metro-section-title
{
    font-size: 20pt;
    height: 40px;
    color: black;
    position: relative;
}

.hover-metro-section
{
    border: 1px solid green;
}

.metro-sections
{
    width: 4000px;
    position: relative;
    min-height: 100%;
}

#content
{
    width: 80%;
    min-height: 100%;
    margin-top: 50px;
    margin-left: 40px;
}

#body
{
    overflow: auto;
    width: 100%;
    min-height: 100%;
}