No, it only exists inside my own computer at this stage. This is the css: @charset "utf-8"; /* Global Styles */ a:link { color: #00A981; background-color: transparent; text-decoration: underline; font-weight: bold; } a:hover { color: red ; background-color: transparent ; } body { margin-left: auto; margin-right: auto; width: 92%; max-width: 960px; padding-left: 2.275%; padding-right: 2.275%; background-color: #180177; } /* Header */ header { text-align: center; display: block; } header .profileLogo .logoPlaceholder { background-color: rgba(24,1,119,1.00); width: 260px; text-align: center; } header .logoPlaceholder span { width: 80px; height: 22px; font-family: 'Montserrat', sans-serif; color: rgba(255,255,255,1.00); font-size: 30px; font-weight: 700; line-height: 53px; } header .profilePhoto { background-color: rgba(237,237,237,1.00); width: 259px; border-radius: 50%; height: 259px; clear: both; } header .profileHeader h1 { font-family: 'Montserrat', sans-serif; color: rgba(185,192,248,1.00); font-size: 30px; font-weight: 700; line-height: 24px; } header .profileHeader h3 { font-family: sans-serif; color: rgba(185,192,248,1.00); font-size: 16px; font-weight: 700; line-height: 24px; } hr { background-color: rgba(118,1,247,1.00); height: 3px; border: thin none #7601F7; -webkit-box-shadow: 0px 0px #7601F7; box-shadow: 0px 0px #7601F7; } header .profileHeader p { font-family: sans-serif; color: rgba(185,192,248,1.00); font-size: 14px; font-weight: 400; line-height: 1.8; overflow-y: auto; } header .socialNetworkNavBar { text-align: center; display: block; margin-top: 60px; clear: both; } header .socialNetworkNavBar .socialNetworkNav { border-radius: 50%; cursor: pointer; } header .socialNetworkNavBar .socialNetworkNav img:hover { opacity: 0.5; } /* Main Content sections */ .mainContent .section1 { display: block; } .section1 .sectionTitle, .section2 .sectionTitle { font-family: 'Montserrat', sans-serif; color: rgba(185,192,248,1.00); font-size: 18px; font-weight: 700; text-transform: uppercase; } .section1 .sectionTitleRule, .section2 .sectionTitleRule { margin: 0 3% 0 0; float: left; clear: both; } .section1 .sectionTitleRule2, .section2 .sectionTitleRule2 { background-color: rgba(208,207,207,1.00); height: 1px; padding: 0px; } .mainContent .section1 .section1Content { font-family: ProximaNova; font-size: 14px; font-weight: 100; color: rgba(208,207,207,1.00); } .mainContent .section1 .section1Content span { color: rgba(118,1,247,1.00); font-family: sans-serif; font-weight: bold; } .section2 .sectionContentTitle { font-family: sans-serif; color: rgba(185,192,248,1.00); font-size: 18px; font-weight: 700; } .section2 .sectionContentSubTitle { font-family: sans-serif; color: rgba(68,67,67,1.00); font-size: 14px; font-weight: 400; } .section2 .sectionContent { font-family: sans-serif; color: rgba(185,192,248,1.00); font-size: 14px; font-weight: 400; line-height: 1.8; } .mainContent { display: block; } .mainContent .externalResourcesNav .externalResources { background-color: rgba(208,207,207,1.00); display: inline-block; text-align: center; margin-top: 0px; padding-top: 3%; cursor: pointer; } .mainContent .externalResourcesNav .externalResources:hover { background-color: rgba(153,153,153,1.00); } .externalResourcesNav .externalResources a { font-family: 'Montserrat', sans-serif; color: rgba(255,255,255,1.00); font-size: 14px; font-weight: 400; line-height: 18px; text-decoration: none; } .stretch { content: ''; display: inline-block; margin-left: 2%; margin-right: 2%; } /* Footer */ footer .footerDisclaimer { font-family: sans-serif; font-size: 14px; line-height: 18px; color: rgba(104,103,103,1.00); font-weight: 700; } footer .footerDisclaimer span { color: rgba(181,178,178,1.00); font-weight: 400; } footer .footerNote { font-family: sans-serif; font-size: 14px; line-height: 18px; color: rgba(104,103,103,1.00); font-weight: 700; } footer .footerNote span { color: rgba(181,178,178,1.00); font-weight: 400; } /* Media query for Mobile devices*/ @media only screen and (min-width : 285px) and (max-width : 480px) { /* Header */ header { width: 100%; float: none; } header .profileLogo .logoPlaceholder { display: inline-block; } header .profilePhoto { display: inline-block; background-color: #180177; } header .profileHeader { text-align: center; margin-top: 10%; } header .profileHeader p { text-align: justify; } header .socialNetworkNavBar { text-align: center; display: block; margin-top: 60px; clear: both; margin-bottom: 15%; } header .socialNetworkNavBar .socialNetworkNav { width: 60px; height: 60px; display: inline-block; margin-right: 23px; } /* Main content sections */ .mainContent .section1 { text-align: center; margin-bottom: 10%; } .section1 .section1Title, .section2 .section1Title { text-align: center; } .section1 .sectionTitleRule, .section2 .sectionTitleRule { width: 100%; } .section1 .sectionTitleRule2, .section2 .sectionTitleRule2 { display: none; } .mainContent .section1 .section1Content { display: inline-block; text-align: left; font-family: sans-serif; text-align: justify; } .mainContent .section2 { display: block; text-align: center; } .section2 .section2Content { margin-top: 10%; text-align: justify; margin-bottom: 10%; } .mainContent .externalResourcesNav { margin-bottom: 10%; } .mainContent .externalResourcesNav .externalResources { width: 100%; height: 35px; } /* Footer */ footer { display: block; text-align: center; font-family: sans-serif; } } /* Media Query for Tablets */ @media only screen and (min-width : 481px) and (max-width : 1024px) { /* Header */ header { width: 100%; float: none; } header .profileLogo .logoPlaceholder { display: inline-block; font-family: 'Montserrat', sans-serif; } header .profilePhoto { float: left; clear: both; margin-right: 3%; margin-top: 5%; background-color: #180177; } header .profileHeader { text-align: left; margin-top: 7%; } header .socialNetworkNavBar .socialNetworkNav { width: 74px; height: 74px; display: inline-block; margin-right: 23px; } /* Main content and sections */ .section1 .section1Title, .section2 .section1Title { text-align: center; } .section1 .sectionTitleRule, .section2 .sectionTitleRule { width: 100%; } .section1 .sectionTitleRule2, .section2 .sectionTitleRule2 { display: none; } .mainContent .section1 .section1Content { display: block; margin: 0% 0% 0% 20%; font-family: sans-serif; margin-top: 5%; margin-bottom: 5%; } .section1Content p a { } .section1Content p a { } .mainContent .section2 { clear: both; } .section2 .section2Content { padding: 0px; margin-left: 20%; font-family: sans-serif; margin-top: 5%; margin-bottom: 5%; } .mainContent .externalResourcesNav { margin-left: 20%; margin-top: 40px; margin-bottom: 40px; text-align: center; padding-top: 0px; clear: both; } .mainContent .externalResourcesNav .externalResources { width: 199px; height: 48px; margin-top: 5%; } /* Footer */ footer .footerDisclaimer { float: left; margin-left: 3%; font-family: sans-serif; } footer .footerNote { float: right; margin-right: 3%; font-family: sans-serif; } } /* Desktops and laptops */ @media only screen and (min-width:1025px) { /* Header */ header .profileLogo .logoPlaceholder { float: left; margin-bottom: 50px; } header .profilePhoto { float: left; clear: both; margin-right: 3%; background-color: #180177; } header .profileHeader { text-align: left; padding-top: 10%; } header .socialNetworkNavBar .socialNetworkNav { width: 74px; height: 74px; display: inline-block; margin-right: 23px; } /* Main content sections */ .section1 .sectionTitleRule, .section2 .sectionTitleRule { width: 22.5%; } .mainContent .section1 .section1Content { display: block; margin-top: 0%; margin-right: 0%; margin-left: 26%; margin-bottom: 0%; font-family: sans-serif; } .mainContent .section2 { clear: both; } .section2 .section2Content { padding: 0px; margin-left: 26%; font-family: sans-serif; } .mainContent .externalResourcesNav { margin-top: 40px; margin-bottom: 40px; text-align: center; padding-top: 0px; clear: both; } .mainContent .externalResourcesNav .externalResources { width: 199px; height: 48px; } /* Footer */ footer .footerDisclaimer { float: left; margin-left: 3%; font-family: sans-serif; } footer .footerNote { float: right; margin-right: 3%; font-family: sans-serif; } }
... View more