Learn with Leon and Friends

About Us

learnwithleonlogo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

/* http://meyerweb.com/eric/tools/css/reset/ 2. v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Background Color */ body{ background-color: lightskyblue; } /* Greenbox Border */ .greenbox { max-width: 600px; max-height: 600px; border: limegreen solid 5px; margin: 0 auto; margin-top: 5%; margin-bottom: 5%; padding: 70px; padding-bottom: 175px; } /* Heading Styles */ .main{ text-align: center; } h1{ margin-bottom: 20px; color: white; font: italic 400 40px/1 "Times New Roman", Helvetica, serif; } h2{ margin-top: 20px; margin-bottom: 20px; color: white; font: bold 25px/30px Arial, Helvetica, sans-serif; } /* Text Styles */ p{ margin-bottom: 20px; color: whitesmoke; font: 400 20px/1.5 "Times New Roman", Helvetica, serif; } p+p{ margin-bottom: 12px; } /* Link Styles */ a{ color: lightseagreen; font: 700 20px/1.5 Arial, Helvetica, sans-serif; } /* Image Styles */ img{ float: right; width: 30%; margin-left: 20px; margin-bottom: 20px; } /* Footer Styles */ footer{ text-align: center; }