@import"https://fonts.googleapis.com/css?family=Russo+One";@import"https://fonts.googleapis.com/css?family=Share+Tech+Mono";@import"https://fonts.googleapis.com/css?family=Raleway:400,500";body{margin:0}div.homeContainer{display:flex;justify-content:center;align-items:center;margin-top:20px;background-color:#fff}div.homeContainer nav>a:first-child{text-align:center;margin-bottom:20px}div.homeContainer li{padding:15px}div.homeContainer a,div.homeContainer a:visited{display:block;font-size:larger}div.surveyContainer{display:flex;justify-content:center;height:100vh;overflow:auto;background-image:linear-gradient(115deg,#3a3a9ecc,#8888ceb3),url(https://raw.githubusercontent.com/ZacHorton/freeCodeCamp-projects/master/certifications/responsive-web-design/survey-form/collab.jpg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff}div.surveyContainer header{margin-top:25px;text-align:center}div.surveyContainer h1,div.surveyContainer h2{margin:5px}div.surveyContainer h2{font-weight:400}div.surveyContainer fieldset{padding:2em;margin:auto;background-color:#1b1b32cc;border:none}div.surveyContainer ::placeholder{font-size:1.25em}div.surveyContainer label{font-size:1.25em}div.surveyContainer .labelBlock,div.surveyContainer textarea{display:block}div.surveyContainer input[type=text],div.surveyContainer input[type=email],div.surveyContainer input[type=number],div.surveyContainer select,div.surveyContainer textarea{margin:10px 0 25px;padding:.7em;width:100%;border-radius:5px;border:1px solid #ced4da}div.surveyContainer select,div.surveyContainer textarea{margin:10px 0 23px;padding:.4em}div.surveyContainer select{font-size:1em;color:#757575}div.surveyContainer input[type=radio],div.surveyContainer input[type=checkbox]{transform:scale(1.25);margin:7px 5px 10px auto}div.surveyContainer p{font-size:1.25em;margin:0 auto 8px}div.surveyContainer span{font-size:.8em}div.surveyContainer textarea{min-height:105px;width:100%;padding:.625rem;resize:vertical}div.surveyContainer input[type=submit]{width:100%;padding:13px;background-color:#37af65;color:#fff;border:none;font-size:1em;margin-bottom:15px}div.tributeContainer{padding:1.25rem;background-color:#0a0a23;color:#fff;font-family:Lato;font-size:1.125rem;height:100vh;overflow:auto}div.tributeContainer #intro-container{font-family:Roboto Mono;text-align:center}div.tributeContainer h1{text-transform:uppercase;color:#acd157}div.tributeContainer figure{background-color:#fff;color:#0a0a23;max-width:20%;padding:25px;margin:auto}div.tributeContainer #image{max-width:100%;display:block;height:auto;margin:auto}div.tributeContainer #img-caption{padding-top:2em;font-size:115%;text-align:center}div.tributeContainer #img-caption a{color:#002ead}div.tributeContainer #img-caption a:visited{color:#5a01a7}div.tributeContainer #img-caption strong{color:#00471b}div.tributeContainer a{color:#99c9ff}div.tributeContainer a:visited{color:#dbb8ff}div.tributeContainer strong{color:#acd157;font-weight:bolder}div.tributeContainer .tribute-info-container{display:flex;justify-content:center;align-items:center}div.tributeContainer #tribute-info{padding:1.25rem;width:50%}div.tributeContainer li{padding:.625rem}div.tributeContainer #closing{text-align:center}div.techDocContainer{min-width:290px;color:#4d4e53;background-color:#fff;font-family:Open Sans,Arial,sans-serif;line-height:1.5;overflow:hidden}div.techDocContainer #navbar{position:fixed;min-width:290px;top:0;left:0;width:300px;height:100%;border-right:solid;border-color:#00161666}div.techDocContainer header{color:#000;margin:10px;text-align:center;font-size:1.8em;font-weight:thin}div.techDocContainer #main-doc header{text-align:left;margin:0}div.techDocContainer #navbar ul{height:88%;padding:0}div.techDocContainer #navbar li{color:#4d4e53;border-top:1px solid;list-style:none;width:100%}div.techDocContainer #navbar a{display:block;padding:10px 30px;color:#4d4e53;text-decoration:none;cursor:pointer}div.techDocContainer #main-doc{margin-left:310px;padding:20px;margin-bottom:110px}div.techDocContainer section article{color:#4d4e53;margin:15px;font-size:.96em}div.techDocContainer section li{margin:15px 0 0 20px}div.techDocContainer code,div.techDocContainer span.note{display:block;text-align:left;white-space:pre-line;word-break:normal;word-wrap:normal;line-height:2;background-color:#f7f7f7;padding:15px;margin:10px;border-radius:5px}div.techDocContainer span.red{color:red}div.techDocContainer span.crimson{color:#dc143c}div.techDocContainer span.green{color:green}div.techDocContainer span.blue{color:#00f}div.techDocContainer span.brown{color:brown}div.techDocContainer span.note{background-color:#ffc}div.techDocContainer table{border-collapse:collapse;width:100%;font-size:110%}div.techDocContainer td,div.techDocContainer th{border:1px solid lightgray;text-align:left;padding:8px}div.techDocContainer tr:nth-child(2n){background-color:#f7f7f7}@media only screen and (max-width: 815px){div.techDocContainer #navbar ul{height:207px}div.techDocContainer #navbar{background-color:#fff;top:0;padding:0;margin:0;width:100%;max-height:200px;border:none;z-index:1;border-bottom:2px solid;overflow:scroll;overflow-x:hidden}div.techDocContainer #main-doc{position:relative;margin-left:0;margin-top:200px}}.productContainer{background-color:#fff}.productContainer *,.productContainer *:before,.productContainer *:after{margin:0;padding:0;box-sizing:border-box}.productContainer .flex-header-container{display:flex;justify-content:space-evenly;list-style:none}.productContainer #nav-bar{position:fixed;width:100%;background-color:#fff;z-index:1;padding:15px}.productContainer .logo{position:relative;width:50%}.productContainer #header-img{height:26px;width:26px;position:absolute}.productContainer .nav-link{text-decoration:none;font-size:150%;color:#6495ed}.productContainer #header-brand{display:inline-block;position:absolute;left:21px}.productContainer span#horton{padding-right:1px;color:#6495ed}.productContainer span#digital{color:#708090;font-weight:lighter}.productContainer #hero{margin:0 5px;text-align:center;height:100vh;display:flex;justify-content:center;align-items:center}.productContainer h1#who{font-size:225%;color:#6495ed}.productContainer h1#shout{font-size:600%;margin:5px 0 10px}.productContainer input[type=email]{width:40%;padding:12px 20px;margin:8px 0;border-radius:4px;font-size:16px;text-align:center;border:1px solid lightgray}.productContainer input[type=submit]{width:40%;display:block;background-color:#6495ed;color:#fff;padding:14px 20px;margin:8px auto;border:none;border-radius:4px;cursor:pointer;box-shadow:1px 1px 3px 1px #000}.productContainer input[type=submit]:hover{background-color:green}.productContainer #features{font-size:200%;text-align:center;height:100vh;display:flex;flex-direction:column;justify-content:center}.productContainer #features-heading{margin-bottom:50px}.productContainer .highlight{color:#6495ed}.productContainer .highlight-2{color:#708090}.productContainer .flex-container{display:flex;justify-content:center;margin-bottom:50px}.productContainer i:before{display:flex;height:100%;align-items:center;justify-content:center;margin-right:15px}.productContainer div.desc{width:25vw;display:flex;flex-direction:column;justify-content:center}.productContainer .desc>h4{margin-bottom:10px}.productContainer #how-it-works{height:100vh;display:flex;justify-content:center;align-items:center}.productContainer iframe{border:none}.productContainer #pricing{height:100vh;display:flex;flex-direction:column;justify-content:space-between;width:100%}.productContainer .products{display:flex;justify-content:center;align-items:center;height:100%}.productContainer .product{display:flex;flex-direction:column;align-items:center;text-align:center;margin:10px 20px;border:1px solid #000;border-radius:3px;width:30%}.productContainer .product>h3{background-color:#eee;width:100%;padding:20px}.productContainer .product>h4,.productContainer .product>p{padding:10px}.productContainer .product>button{padding:0 20px;height:40px;font-size:1em;font-weight:900;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;margin:15px 0;background-color:#6495ed;color:#fff;font-weight:400;box-shadow:1px 1px 3px 1px #000}.productContainer button:hover{background-color:green}.productContainer footer{background-color:#eee;font-size:125%;width:100%}.productContainer .footer{display:flex;justify-content:flex-end;list-style:none}.productContainer .footer>li{padding:20px 20px 10px 0}.productContainer .footer>li>a{color:#000;text-decoration:none}.productContainer footer>p{display:flex;justify-content:flex-end;padding:0 20px 20px 0}@media (max-width: 1100px){.productContainer div.desc{width:55vw}}@media (max-width: 1200px){.productContainer .products{flex-direction:column}.productContainer .product{width:90%}}.portfolio-container{background-color:#fff}.portfolio-container *,.portfolio-container *:before,.portfolio-container *:after{margin:0;padding:0;box-sizing:border-box}.portfolio-container #navbar{position:fixed;top:0;width:100%;z-index:1}.portfolio-container .nav-list{display:flex;list-style:none;justify-content:flex-end;width:100%;background-color:#6495ed}.portfolio-container .nav-list>li{padding:20px;font-size:16px}.portfolio-container .nav-list>li>a{color:#fff;font-size:175%;text-decoration:none}.portfolio-container #welcome-section{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:350%;overflow:hidden}.portfolio-container h1,.portfolio-container h2,.portfolio-container h3{text-align:center}.portfolio-container #welcome-section>h2{color:#6495ed}.portfolio-container .project-tile{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#6495ed;color:#fff;overflow:scroll;overflow-x:hidden}.portfolio-container .project-tile>h2{margin:15px auto;font-size:350%}.portfolio-container .tiles{display:flex;flex-wrap:wrap;justify-content:center}.portfolio-container .tiles>a{background-color:#fff;margin:15px;padding:25px;display:flex;flex-direction:column;text-decoration:none;text-align:center;color:#000;font-size:larger;box-shadow:1px 1px 10px 2px #000}.portfolio-container img{width:500px;height:300px;min-height:100%;object-fit:cover;border:1px solid black}.portfolio-container img:hover{cursor:pointer;opacity:.5;transition:.5s}.portfolio-container #contact{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:350%}.portfolio-container .contact-links{display:flex;width:100%;justify-content:center;margin-top:25px}.portfolio-container .contact-links>a{color:#000;text-decoration:none;margin:10px;padding:10px}.portfolio-container .contact-links>a:visited{text-decoration:none;color:#000}.portfolio-container #contact>h3{font-weight:400}@media (max-width: 1072px){.portfolio-container .project-tile{justify-content:flex-start}}@media (max-width: 1300px){.portfolio-container .contact-links{flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 757px){.portfolio-container #contact>h1{margin-bottom:25px}}div.RQMContainer{width:100vw;height:100vh;font-family:Raleway,sans-serif;display:flex;justify-content:center;align-items:center}div.RQMContainer #wrapper{min-width:450px;margin:0 auto;padding:40px 50px}div.RQMContainer #quote-box{max-width:600px;margin:0 auto;padding:40px 50px;background-color:#fff}div.RQMContainer #text>h1{font-weight:400}div.RQMContainer #author>h2{text-align:right;padding:10px;font-weight:400}div.RQMContainer .buttons{margin-top:20px;display:flex;justify-content:flex-start;gap:10px}div.RQMContainer #tweet-quote,div.RQMContainer #tumblr-quote{color:#fff;padding:12px}div.RQMContainer #new-quote{font-size:100%;text-align:right;margin-left:auto;padding:12px;color:#fff;border:none}div.RQMContainer #by-name{text-align:center;margin-top:25px}div.RQMContainer #by-name>a{text-decoration:none;color:#fff}div.markdownPreviewerContainer{background-color:#8d99ae;height:100vh;overflow:hidden}div.markdownPreviewerContainer *,div.markdownPreviewerContainer *:before,div.markdownPreviewerContainer *:after{box-sizing:inherit}div.markdownPreviewerContainer .app-container{margin:auto;max-width:800px;box-sizing:border-box}div.markdownPreviewerContainer .toolbar-flex-container{background-color:#2b2d42;display:flex;justify-content:space-between;margin:15px auto auto;width:100%;border:1px solid black;z-index:1;box-shadow:1px 1px 10px 2px #2b2d42}div.markdownPreviewerContainer .toolbar-flex-span-left{display:flex;justify-content:space-around;margin:2px;padding:2px}div.markdownPreviewerContainer .toolbar-fcc-icon{margin:auto auto auto 5px;font-size:150%;color:#fff}div.markdownPreviewerContainer .toolbar-h4{margin:auto auto auto 5px;font-family:Russo One;font-weight:400;font-size:larger;color:#fff}div.markdownPreviewerContainer .toolbar-button{background:transparent;border:none}div.markdownPreviewerContainer .toolbar-expand-icon,div.markdownPreviewerContainer .toolbar-compress-icon{margin:auto 5px auto auto;font-size:125%;vertical-align:middle;color:#fff}div.markdownPreviewerContainer #editor,div.markdownPreviewerContainer #editor-expanded{background-color:#edf2f4;width:100%;min-height:200px;border:1px solid black;border-top:none;resize:vertical;padding:5px 7px;box-shadow:1px 1px 10px 2px #2b2d42;outline:none}div.markdownPreviewerContainer #editor-expanded{min-height:90vh}div.markdownPreviewerContainer #preview,div.markdownPreviewerContainer #preview-expanded{background-color:#edf2f4;border:1px solid black;border-top:none;resize:vertical;box-shadow:1px 1px 10px 2px #2b2d42;min-height:200px;padding:5px 7px}div.markdownPreviewerContainer #preview-expanded>h1,div.markdownPreviewerContainer #preview>h1{margin-top:0}div.markdownPreviewerContainer #preview-expanded{min-height:90vh}.drumContainer{font-family:Russo One;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#8d8d8d}.drumContainer *,.drumContainer *:before,.drumContainer *:after{margin:0;padding:0;box-sizing:border-box}.drumContainer button.drum-pad{font-family:Russo One}.drumContainer #drum-machine{width:100%;min-height:45%;border:7px solid orange;background-color:#d3d3d3a6;display:flex}@media only screen and (min-width: 1024px) and (max-width: 1999px){.drumContainer #drum-machine{width:90%}}@media only screen and (min-width: 2000px){.drumContainer #drum-machine{width:45%}}.drumContainer div.drum-pads{background-color:#d3d3d3a6;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:center;justify-items:center;margin:auto}.drumContainer button.drum-pad{cursor:pointer;background-color:#8d8d8d;font-size:x-large;min-width:160px;min-height:130px;text-align:center;border-radius:5px;box-shadow:#000 3px 3px 5px}.drumContainer .drum-pad:active{transform:translate(2px,2px);background-color:orange}.drumContainer #display{background-color:#8d8d8d;min-width:300px;min-height:75px;margin:auto;display:flex;justify-content:center;align-items:center;font-size:x-large;box-shadow:#000 3px 3px 5px}div.calculatorContainer{background-color:#c2c2d6;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}div.calculatorContainer #container{width:15%;height:30%;border:3px solid black;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 2000px){div.calculatorContainer #container{width:20%}}@media only screen and (max-width: 1200px){div.calculatorContainer #container{width:35%}}@media only screen and (max-width: 850px){div.calculatorContainer #container{width:50%}}@media only screen and (max-width: 400px){div.calculatorContainer #container{width:95%}}div.calculatorContainer #calculator{display:grid;grid-template-areas:"display  display display display" "clear    clear   divide  multiply" "seven    eight   nine    subtract" "four     five    six     add" "one      two     three   equals" "zero     zero    decimal equals";width:100%;height:100%}div.calculatorContainer #display{grid-area:display;color:#fff;background-color:#000;display:flex;justify-content:flex-end;align-items:flex-end;padding:0 5px 5px 0;font-size:x-large}div.calculatorContainer button{color:#fff;font-size:large}div.calculatorContainer #clear{grid-area:clear;background-color:red}div.calculatorContainer #divide{grid-area:divide;background-color:#a9a9a9}div.calculatorContainer #multiply{grid-area:multiply;background-color:#a9a9a9}div.calculatorContainer #seven{grid-area:seven;background-color:gray}div.calculatorContainer #eight{grid-area:eight;background-color:gray}div.calculatorContainer #nine{grid-area:nine;background-color:gray}div.calculatorContainer #subtract{grid-area:subtract;background-color:#a9a9a9}div.calculatorContainer #four{grid-area:four;background-color:gray}div.calculatorContainer #five{grid-area:five;background-color:gray}div.calculatorContainer #six{grid-area:six;background-color:gray}div.calculatorContainer #add{grid-area:add;background-color:#a9a9a9}div.calculatorContainer #one{grid-area:one;background-color:gray}div.calculatorContainer #two{grid-area:two;background-color:gray}div.calculatorContainer #three{grid-area:three;background-color:gray}div.calculatorContainer #equals{grid-area:equals;background-color:#00f}div.calculatorContainer #zero{grid-area:zero;background-color:gray}div.calculatorContainer #decimal{grid-area:decimal;background-color:gray}div.calculatorContainer #signature{font-family:Share Tech Mono,sans;margin-top:15px}div.calculatorContainer a{text-decoration:none}div.calculatorContainer a:visited{color:#000}.clockContainer{height:100vh;display:flex;justify-content:center;align-items:center;font-size:xx-large;background-color:#fff}.clockContainer *,.clockContainer *:before,.clockContainer *:after{margin:0;padding:0;box-sizing:border-box}.clockContainer #app-container{display:flex;flex-direction:column;align-items:center;width:50%}.clockContainer #break-session-flex{display:flex}.clockContainer #break-container,.clockContainer #session-container{padding:10px}.clockContainer #break-data,.clockContainer #session-data{display:flex;justify-content:center}.clockContainer #timer-container{text-align:center;margin:10px;padding:10px 35%;border:3px solid black;border-radius:50px}.clockContainer #time-left{font-size:80px}.clockContainer .start{color:green}.clockContainer .stop{color:#000}.clockContainer button{background:transparent;border:none;padding:5px}.clockContainer i{margin:0 3px}.clockContainer p{font-size:80%;margin-top:10px}.clockContainer a{text-decoration:none}.clockContainer a:visited{color:#000}.barChartContainer{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.barChartContainer .container{height:700px;width:1100px;box-shadow:2px 2px 20px;background-color:#eee;display:flex;flex-direction:column;justify-content:center;align-items:center}.barChartContainer #title{text-align:center;font-size:170%;margin-top:20px}.barChartContainer #x-axis,.barChartContainer #y-axis{font-size:100%}.barChartContainer .bar:hover{fill:#00adb5;stroke:#00adb5}.barChartContainer #tooltip{position:absolute;background-color:#000c;color:#fff;padding:10px;border-radius:5px;pointer-events:none;border:3px solid #00adb5;font-size:large}.scatterplotContainer{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.scatterplotContainer .container{height:700px;width:1100px;box-shadow:2px 2px 20px;background-color:#eee;display:flex;flex-direction:column;justify-content:center;align-items:center}.scatterplotContainer #title{text-align:center;font-size:170%;margin-top:20px}.scatterplotContainer #x-axis,.scatterplotContainer #y-axis{font-size:100%}.scatterplotContainer #tooltip{position:absolute;background-color:#000c;color:#fff;padding:10px;border-radius:5px;pointer-events:none;font-size:large}.heatMapContainer{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff}.heatMapContainer .container{height:700px;width:1100px;box-shadow:2px 2px 20px;background-color:#eee;display:flex;flex-direction:column;justify-content:center;align-items:center}.heatMapContainer #title{text-align:center;font-size:170%;margin-top:20px}.heatMapContainer #description{text-align:center;font-size:150%;margin-top:10px}.heatMapContainer #x-axis,.heatMapContainer #y-axis{font-size:100%}.heatMapContainer #tooltip{position:absolute;background-color:#000c;color:#fff;padding:10px;border-radius:5px;pointer-events:none;border:3px solid #00adb5;font-size:large}.choroplethContainer .container{height:100vh;display:flex;flex-direction:column;align-items:center;margin-top:50px}.choroplethContainer #title{font-weight:700;font-size:170%}.choroplethContainer #description{font-size:150%;margin:10px 0 30px}.choroplethContainer .states{fill:none;stroke:#fff;stroke-linejoin:round}.choroplethContainer #tooltip{position:absolute;background-color:#000c;color:#fff;padding:10px;border-radius:5px;pointer-events:none;border:3px solid #00adb5;font-size:large}.treemapContainer{cursor:default}.treemapContainer .container{display:flex;justify-content:center;align-items:center;flex-direction:column}.treemapContainer #title{text-align:center;font-size:170%;margin-top:20px}.treemapContainer #description{text-align:center;margin-top:10px}.treemapContainer svg{font:10px sans-serif}.treemapContainer #tooltip{position:absolute;background-color:#000c;color:#fff;padding:10px;border-radius:5px;pointer-events:none;border:3px solid #00adb5;font-size:large}.treemapContainer #legend{font:12px sans-serif}