Home

width: 100%; height: 100%; position: relative; background-image: none; background: #fff url(/web/20220430164753im_/http://yinyinmusic.com/themes/snowly/img/piano.jpg) no-repeat center fixed; }

html { width: 100%; height: 100%; }

/ typography / html { font-size: 1em; }

body { font-family: "Lato", sans serif; font-weight: 300; line-height: 1.45; color: #555; }

p { margin: 1em; font-size: 1.414em; font-weight: 300; }

p.lead { font-size: 1.999em; font-weight: 200; }

p.lead img{ border: 0; }

h1, h2, h3, h4 { color: #fff; font-weight: 400; font-family: "Montserrat", serif; line-height: 1.2; }

h1 { font-size: 3.998em; }

h2 { font-size: 2.827em; }

h3 { font-size: 1.999em; }

h4 { font-size: 1.414em; }

strong { font-weight: 600; }

small, .font_small { font-size: 0.707em; }

li:hover { outline: none; }

nav li a { text-transform: uppercase; color: #aaa; font-weight: 300; }

nav li:hover { box-shadow: 0 -3px #FF4E50 inset; -webkit-transition: ease-in-out 0.15s; -moz-transition: ease-in-out 0.15s; -o-transition: ease-in-out 0.15s; -ms-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

nav li > a:link, nav li > a:visited { background: #fff; }

nav li > a:hover, nav li > a:active { font-weight: 400; -webkit-transition: ease-in-out 0.15s; -moz-transition: ease-in-out 0.15s; -o-transition: ease-in-out 0.15s; -ms-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; }

.navbar-default .navbar-nav>li>a{ color: #000; font-weight: 500; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background: transparent; box-shadow: 0 -3px #FF4E50 inset; }

.dropdown:hover .dropdown-menu { display: block; -webkit-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); -moz-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); -o-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); -ms-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }

a, a:link, a:visited, a:hover, a:active { -webkit-transition: ease-in-out 0.15s; -moz-transition: ease-in-out 0.15s; -o-transition: ease-in-out 0.15s; -ms-transition: ease-in-out 0.15s; transition: ease-in-out 0.15s; color: #FF4E50; font-weight: 300; }

a:hover { color: #555; text-decoration: underline; }

.btn-default, .btn-default:link, .btn-default:visited, .btn-default:visited, .btn-default:hover, .btn-default:active { background: transparent; border-radius: 5; font-weight: 500; color: #fff; padding: 1em 1.414em; margin: 1.414em; border: 2px #fff solid; font-size: 1em; text-transform: uppercase; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }

.btn-default:hover, .btn-default:active, button:hover.btn-default { background: #fff; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; color: #4f4da7; }

.btn-filled, .btn-filled:link, .btn-filled:visited, .btn-filled:visited, .btn-filled:hover, .btn-filled:active { background: #4f4da7; border: none; border-radius: 5px; }

.btn-filled:hover, .btn-filled:active { background: #424087; color: #ccc; }

header#top nav { background: -webkit-linear-gradient(90deg, #FF4E50, #F9D423); background: -moz-linear-gradient(90deg, #FF4E50, #F9D423); background: -ms-linear-gradient(90deg, #FF4E50, #F9D423); background: -o-linear-gradient(90deg, #FF4E50, #F9D423); background: linear-gradient(90deg, #FF4E50, #F9D423); padding: 0; padding-top: 6px; }

header#top nav ul { margin: 0; }

header#top .container { background: white; width: 100%; }

header#top nav .navbar-collapse { padding: 0; }

header#top nav button.navbar-toggle span.icon-bar { width: 15px; height: 1px; }

header#top .navbar-brand span { / font-weight: 200; / display: inline; padding-left: 0.5em; text-transform: uppercase; }

.navbar-default .navbar-brand { color: #000; font-weight: bold; }

header#top .navbar-brand img { margin-top: -0.5em; max-height: 150%; max-width: auto; display: inline; }

/ sections / section { max-width: 100%; text-align: center; padding: 75px;

}

.intro-section { margin-top: 50px; color: #303C4F; background: -webkit-gradient(0deg, #fff, rgba(255, 255, 255, 0)); background: -webkit-linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)); background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)); }

.intro-section .row-centered { margin: 10% auto; padding: 1em; width: 400px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 5px #fff solid; / outline: 15px solid rgba(41, 65, 104, 0.6); background: rgba(41, 65, 104, 0.6); / outline: 15px solid rgba(205, 67, 66, 0.6); background: rgb(205 67 66); }

.intro-section h1 { text-transform: uppercase; margin-bottom: 0; font-weight: bold; }

.intro-section h2 { font-family: "Lato", sans serif; / font-weight: 200; / margin-top: 0; margin-bottom: 1.414em; }

article img { display:block; max-width:80%; margin:20px; max-height:600px; } /* article img:nth-child(odd) { max-width:200px; float:left; margin:20px; margin-left:0; }

article img:nth-child(even) { max-width:200px; float:right; margin:20px; margin-left:right; } */

section img, article img { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 5px rgba(255, 255, 255, 0.8) solid; / outline: 1px solid rgba(41, 65, 104, 0.4); / border-radius: 5px; }

.col-centered { float: none; margin: 0 auto; }

.about-section { background: #ff6d92; / Old browsers /

background: -moz-linear-gradient(left, #ff6d92 0%, #f9d423 100%); / FF3.6-15 / background: -webkit-linear-gradient(left, #ff6d92 0%,#f9d423 100%); / Chrome10-25,Safari5.1-6 / background: linear-gradient(to right, #ff6d92 0%,#f9d423 100%); / W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ / }

.about-section * { color: #294168; }

.about-section h1, h3{ font-weight: bold; }

.about-section h3{ text-align: left; }

.about-section p{ font-weight: 400; color: #000; text-align: left; margin: 0; }

.achievements-section { color: #fff; background: -webkit-linear-gradient(45deg, #626092, #3e5271); background: -moz-linear-gradient(45deg, #626092, #3e5271); background: -ms-linear-gradient(45deg, #626092, #3e5271); background: -o-linear-gradient(45deg, #626092, #3e5271); background: linear-gradient(45deg, #626092, #3e5271); }

.achievements-section h1, h3{ color: #d0867a; font-weight: bold; }

.achievements-section ul, .achievements-section ul li:hover, .achievements-section h3 { list-style: none; text-align: left; box-shadow: none; line-height: 30px; padding: 0; }

.contact-section { color: #fff; background: -webkit-linear-gradient(45deg, #a177ff, #02ceff); background: -moz-linear-gradient(45deg, #a177ff, #02ceff); background: -ms-linear-gradient(45deg, #a177ff, #02ceff); background: -o-linear-gradient(45deg, #a177ff, #02ceff); background: linear-gradient(45deg, #a177ff, #02ceff); }

.blank-section { height: 500px !important; width: 100%; background: #fff url(/web/20220430164753im_/http://yinyinmusic.com/themes/snowly/img/piano_aqua.jpeg) no-repeat bottom; background-size: 60%; padding-bottom: 50%; }

footer {

background: #294168;
color: #fff;
padding: 25px; 

}

main { padding-top: 50px; width: 80%; max-width: 850px; min-height: 100%; color: #555; font-family: "Lato", sans serif; background: #fff; margin: 50px auto; }

article header h1, article header h2, article header h3, article header h4, article header h5 { font-family: "Montserrat", serif; line-height: 1.2; font-weight: 400; color: #555; margin-bottom: 20px; }

main article { font-weight: 300; line-height: 1.45; padding: 5%; margin-bottom: 40px; border-bottom: 1px solid #eee; }

article ul { margin: 15px 30px; padding: 0; }

article li { font-size: 1.414em; line-height: 1.45; }

article p:first-of-type { font-weight: 700; }

article h1, article h2, article h3 { font-weight: 700; color: #555; }

article p, article blockquote { font-size: 1.414em; line-height: 1.45; margin: 0; margin-top: 0.5em; }

@media (max-width: 900px) { .navbar-brand { font-size: 1em; max-width: 80%; } h1 { font-size: 2.827em; } h2 { font-size: 1.999em; } h3 { font-size: 1.414em; } }

@media (max-width: 768px) { .navbar { padding: 20px 0; -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; -ms-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; } .top-nav-collapse { padding: 0; } section { padding: 20px !important; max-width:100%; } .intro-section .row-centered { margin: 35% auto; max-width:90%; } .intro-section h1 { font-size: 2.827em; } .intro-section h2 { font-size: 1.999em; } .blank-section { height: 100%; width: 100%; background: #fff url(/web/20220430164753im_/http://yinyinmusic.com/themes/snowly/img/piano_aqua.jpeg) no-repeat bottom; background-size: 100%; font-size: 5em; color: white; } main { width: 80%; } }

article:after, section:after{ clear: both; content: ""; display: block; } /*

about-photo {

height:350px; background: url('https://web.archive.org/web/20220430164753im_/http://placehold.it/350x400') no-repeat; background-size:cover; }*/

/* FILE ARCHIVED ON 16:47:53 Apr 30, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:42:32 Aug 10, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

 ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
 SECTION 108(a)(3)).

/ / playback timings (ms): captures_list: 81.474 exclusion.robots: 0.11 exclusion.robots.policy: 0.103 cdx.remote: 0.056 esindex: 0.008 LoadShardBlock: 53.987 (3) PetaboxLoader3.datanode: 94.189 (4) CDXLines.iter: 16.671 (3) load_resource: 88.731 PetaboxLoader3.resolve: 33.978 */