html,body{margin:0;padding:0;font-family:"Libre Franklin",Arial,sans-serif;font-size:1.1em}html.ReactModal__Body--open,body.ReactModal__Body--open{overflow:hidden}a{color:black}a:hover{color:#6b4b93}html{min-width:1105px}@media (min-width: 1px){html{min-width:0}}body{padding:0;margin:0;text-align:center}header{height:70px;border-bottom:1px solid #cccccc;background:white}header .header-container{margin:0 auto;max-width:1000px;position:relative}header .header-container .logo{position:absolute;top:16px;left:20px;font-size:33px;color:#0c59b0;background-image:url(/static/84e4efdeff37ff98d7c2.svg);background-position:center;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;display:block;height:25px;overflow:hidden;text-indent:-1000px;width:130px}header .header-container .logo span{visibility:hidden}header .header-container nav{position:absolute;right:20px;top:11px}header .header-container nav>ul{padding:0;margin:0}header .header-container nav>ul>li{list-style-type:none;display:inline-block;position:relative;padding:0;height:50px;border:1px solid white;box-sizing:border-box}header .header-container nav>ul>li:first-child{margin-left:0}header .header-container nav>ul>li:hover{border:1px solid gray;box-shadow:0 2px 2px rgba(0,0,0,0.5)}header .header-container nav>ul>li>a{text-decoration:none;padding:0 1.5em;box-sizing:border-box;display:inline-block;border-bottom:1px solid white;position:relative;height:100%;line-height:3em}header .header-container nav>ul>li:hover>a{z-index:3}header .header-container nav>ul>li>a:hover{text-decoration:underline;background:#ebe5f8;z-index:3}header .header-container nav>ul>li>ul{padding:0;margin:0;text-align:right;position:absolute;right:-1px;display:none;background:white;box-shadow:0 2px 2px rgba(0,0,0,0.5);border:1px solid gray;top:47px;z-index:2}header .header-container nav>ul>li:hover>ul{display:block}header .header-container nav>ul>li>ul>li{list-style-type:none;padding:0;margin:0}header .header-container nav>ul>li:first-child{margin-left:0}header .header-container nav>ul>li>ul>li a{padding:1em 1.5em;display:block;text-decoration:none}header .header-container nav>ul>li>ul>li a:hover{background:#ebe5f8;text-decoration:underline}.hero{background:url(/static/30dbb561d05325d7eba9.jpg) no-repeat center;height:658px;width:100%;margin-bottom:300px}.hero .computers{background:url(/static/054e644105fa54f5bd2c.png) no-repeat center 100px;width:933px;height:710px;margin:0 auto;position:relative;box-sizing:border-box}.hero .computers .ipad{background:url(/static/04b235705503e5b45b3c.png) no-repeat;width:181px;height:279px;box-sizing:border-box;position:absolute;bottom:-12px;right:-38px}.hero h1{font-size:54pt;font-weight:300;letter-spacing:0.03em}.hero iframe{margin-top:126px;width:694px;margin-right:33px;height:390px}.content{overflow:hidden;background:url(/static/4e1363b014e91ff16551.png) no-repeat center top,url(/static/4e1363b014e91ff16551.png) no-repeat center bottom,url(/static/866a4ad9e9ef432f60ed.png) center center repeat-y}.step{width:100%;box-sizing:border-box;position:relative}.step .step-items-container{width:366px;margin:0 auto;padding-top:75px;padding-bottom:20px}.step .step-items-container h1{color:#2e70bb;font-size:28pt;margin:0 0 0.2em 0;padding:0;line-height:1em}.step .step-items-container h2{font-weight:300;font-size:16pt;margin:-8px 0 0 0;padding:0}header .header-container nav>ul>.about>ul{width:280px}header .header-container nav>ul>.students>ul{width:230px}header .header-container nav>ul>.instructors>ul{width:300px}header .header-container nav>ul>.help>ul{width:230px}.step-1{text-align:right;background:url(/static/67ba2321a18ea3d3dad7.png) center center no-repeat}.step-1 .step-items-container{padding-right:670px}.step-2{text-align:left;background:#3b3b3b url(/static/20a0e90a1faa02ca7f99.png) center center no-repeat}.step-2 .step-items-container{padding-left:650px}.step-2 .step-items-container h1,.step-2 .step-items-container h2,.step-2 .step-items-container p{color:white}.step-3{text-align:right;background:url(/static/771cc0cfbbaeb450212a.png) center center no-repeat}.step-3 .step-items-container{padding-right:650px}.step-4{text-align:left;background:#acdfda url(/static/0f58aac6b80cdbc3ef8e.png) center center no-repeat}.step-4 .step-items-container{padding-left:650px}.step-4 .step-items-container h1{color:#cc4f69}.step-5{text-align:right;background:url(/static/8c58ad314ccb00fbd859.png) center center no-repeat}.step-5 .step-items-container{padding-right:650px}.step-6{text-align:left;background:#d9f3d9 url(/static/9b6d03ad1f40cb6c8332.png) center center no-repeat}.step-6 .step-items-container{padding-left:650px;padding-top:150px}.repository--homepage footer{font-size:1em;border:none}@media (min-width: 81.25em){.hero{background-size:100% 658px}}@media (min-width: 61.25em){.step .step-items-container{width:336px}.step-1{background-size:466px}.step-2{background-size:249px}.step-3{background-size:217px}.step-4{background-size:228px}.step-5{background-size:282px}.step-6{background-size:916px}.step-1 .step-items-container{padding-right:610px}.step-2 .step-items-container{padding-left:590px}.step-3 .step-items-container{padding-right:590px}.step-4 .step-items-container{padding-left:590px}.step-5 .step-items-container{padding-right:580px}.step-6 .step-items-container{padding-left:580px;padding-top:70px}}@media (max-width: 61.24em){.hero{height:560px}.hero h1{font-size:38pt}.hero .computers{width:100%;height:610px;background-size:770px}.hero .computers .ipad{display:none}.hero iframe{margin-top:121px;width:570px;margin-right:26px;height:321px}.content{background:transparent}.step{width:auto}.step .step-items-container{padding-top:65px;width:350px}.step .step-items-container h1{font-size:24pt}.step .step-items-container h2{font-size:14pt}.step-1,.step-3,.step-5{padding-left:50%;background-position:80%}.step-2,.step-4,.step-6{padding-right:50%;background-position:20%}.step-1 .step-items-container,.step-3 .step-items-container,.step-5 .step-items-container{padding-left:0;margin-left:-350px}.step-2 .step-items-container,.step-4 .step-items-container,.step-6 .step-items-container{padding-left:0;margin-right:-350px}.step-1{background-size:363px}.step-2{background-size:194px}.step-3{background-size:169px}.step-4{background-position:10%;background-size:305px}.step-5{background-size:219px}.step-6{background-size:493px}}@media (max-width: 48.0525em){header{height:auto}header .header-container .logo{left:50%;margin-left:-62px}header .header-container nav{position:static;margin:0 auto;padding-top:60px}header .header-container nav>ul>li:hover{position:static}header .header-container nav>ul>li>ul{width:auto !important;top:108px;left:0;right:0;text-align:center}.hero{height:399px}.hero h1{margin-left:auto;margin-right:auto;max-width:600px}.hero .computers{width:100%;height:440px;background-size:500px}.hero iframe{margin-top:113px;width:370px;margin-right:16px;height:209px}.step{height:auto;background-position:center 60px}.step .step-items-container{width:100%;padding:20px 40px;text-align:center;padding-top:300px;box-sizing:border-box;padding-bottom:2em}.step .step-items-container h1{font-size:30pt}.step .step-items-container h2{font-size:17pt;margin-bottom:1.5em}.step .step-items-container p{text-align:justify}.step-1,.step-2,.step-3,.step-4,.step-5,.step-6{padding-right:0;padding-left:0}.step-1 .step-items-container,.step-2 .step-items-container,.step-3 .step-items-container,.step-4 .step-items-container,.step-5 .step-items-container,.step-6 .step-items-container{margin-left:0;margin-right:0}.step-4{background-position:center 85px}.step-5{background-position:center 30px}.repository--homepage footer{font-size:0.8em}}@media (min-width: 0.0625em) and (max-width: 26.5525em){.hero{height:215px;margin-bottom:170px}.hero h1{font-size:30pt}.hero .computers{height:250px;background-size:310px;background-position:center 30px}.hero iframe{margin-top:38px;width:230px;margin-right:10px;height:129px}header .header-container nav>ul>li>a{font-size:10pt;padding:0 1em}header .header-container nav>ul>li>ul>li a{font-size:10pt}.step .step-items-container h1{font-size:18pt;margin-bottom:0.3em}.step .step-items-container h2{font-size:12pt}.step-1{background-size:259px}.step-1 .step-items-container{padding-top:260px}.step-6 .step-items-container{padding-top:250px}}

html,body{margin:0;padding:0;font-family:"Libre Franklin",Arial,sans-serif;font-size:1.1em}html.ReactModal__Body--open,body.ReactModal__Body--open{overflow:hidden}.layout--wrapper{min-height:100vh;display:flex;flex-direction:column}.layout--content{flex-grow:1}.layout--footer{flex-grow:0}.repository--item-list--collection:last-child{border-top:0}.repository--item-list--collection--item-wrapper{margin-left:-0.5em;margin-right:-0.5em}.repository--item-list--row{font-size:0.8em;font-family:"Noto Serif",serif;width:100%;position:relative;padding-bottom:10px;margin-bottom:20px}.repository--item-list--row .avatar,.repository--item-list--row>.repository--module-icon{float:left}.repository--item-list--row>a{text-decoration:none;color:black;font-weight:600}.repository--item-list--row>em{font-style:normal;font-weight:700}.repository--item-list--row::after{position:absolute;bottom:0;left:8%;margin:0 auto;border-bottom:1px solid #ccc;content:'';display:block;width:84%}.repository--item-list--row:last-child::after{display:none}.repository--item-list--collection--item--multi-wrapper{display:flex;flex-wrap:wrap;box-sizing:border-box;justify-content:flex-start;position:relative;padding-bottom:10px;margin-bottom:20px}.repository--item-list--collection--item--multi-wrapper::after{position:absolute;bottom:0;left:8%;margin:0 auto;border-bottom:1px solid #ccc;content:'';display:block;width:84%}.repository--item-list--collection--item--multi-wrapper:last-child::after{display:none}@media (min-width: 0.0625em) and (max-width: 26.5525em){.repository--item-list--collection--item--multi-wrapper{justify-content:space-around}}.repository--item-list--collection--item--multi-wrapper.fade{-webkit-animation:fade-out 1s;animation:fade-out 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0.5}}@keyframes fade-out{from{opacity:1}to{opacity:0.5}}.repository--main-content{box-sizing:border-box;max-width:42em;margin:0 auto;padding-left:1.5em;padding-right:1.5em}.repository--main-content code{background-color:#eeeeee;padding:2px}.repository--main-content img{max-width:100%}.repository--main-content--title{font-family:"Libre Franklin",Arial,sans-serif;text-align:left;font-size:1.2em;display:flex;white-space:nowrap;margin-bottom:0.8em;width:100%;position:relative;justify-content:space-between}.repository--main-content--title>span{background:#fff;position:relative;padding-right:1em;padding-top:0.05em}@media (min-width: 0.0625em) and (max-width: 26.5525em){.repository--main-content--title{flex-direction:column;align-items:center}.repository--main-content--title>span{padding-right:0}}.repository--main-content--title::before{border-top:1px solid #ccc;content:'';display:table-cell;position:absolute;top:0.7em;left:0;right:7.5em}@media (min-width: 0.0625em) and (max-width: 26.5525em){.repository--main-content--title::before{display:none}}.repository--main-content--title.stretch-width::before{right:0}.repository--main-content--title .repository--main-content--sort{display:flex;align-items:center}@media (min-width: 0.0625em) and (max-width: 26.5525em){.repository--main-content--title .repository--main-content--sort{margin-top:0.8em}}.repository--main-content--title .repository--main-content--sort>span{margin-right:0.7em;font-size:0.7em}.repository--main-content--title .repository--main-content--sort select{font-family:"Libre Franklin",Arial,sans-serif;border-radius:.25em;background-color:#fff;padding:0.7em 3em 0.7em 0.5em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%);background-position:calc(100% - 1.5em) 1.1em,calc(100% - 1.1em) 1.1em,calc(100% - 2.5em) 0.5em;background-size:0.4em 0.4em, 0.4em 0.4em, 0.1em 1.5em;background-repeat:no-repeat;cursor:pointer;position:relative;align-self:center;font-size:0.5em}

footer{background:#fff;color:#888;padding-top:2em;font-size:0.7em;border-top:1px solid #f9f4f4;margin-top:2em;margin-bottom:2em}footer div{text-align:center;display:block;margin:0 auto;padding-left:1em;padding-right:1em;box-sizing:border-box}.ucf-open-footer{margin-bottom:2.5em}.ucf-open-logo{overflow:hidden;display:inline-block;text-indent:-40000px;width:13em;height:3.5em;background:url(/static/e504b054022f32377014.svg) center center no-repeat;margin-bottom:1.5em}.ucf-open-desc{margin-bottom:0.5em}.ucf-open-links>a{display:inline-block;padding:0.2em 0;color:#888}.ucf-open-links>a:hover{color:#484848}.ucf-open-links>a+a::before{content:'·';padding:0 0.75em;display:inline-block}.copyright>span{font-size:0.8em;display:block;margin-bottom:0.5em}.copyright>span a{color:gray}.copyright>span a:hover{color:#333333}

body #dedication{width:400px;height:auto;padding:2em;border:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 1px rgba(0,0,0,0.1);text-align:center;font-size:9pt;border-radius:5px;display:none;align-items:center;flex-direction:column;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99999;background:white;cursor:pointer;gap:2em}body #dedication img{width:132px;height:64px}body.is-showing-dedication .layout--wrapper{opacity:0.2}body.is-showing-dedication #dedication{display:flex}

html,body{margin:0;padding:0;font-family:"Libre Franklin",Arial,sans-serif;font-size:1.1em}html.ReactModal__Body--open,body.ReactModal__Body--open{overflow:hidden}.repository--section-wrapper{max-width:42em;margin:0 auto}.repository--stick-to-top{position:sticky;top:0;background:#ffffff;min-width:100%;z-index:100;border-bottom:1px solid #ccc}.repository--nav{max-width:42em;padding-left:1.5em;padding-right:1.5em;box-sizing:border-box;min-height:3.75em;margin:0.25em auto;display:flex;flex-wrap:nowrap;justify-content:space-between;align-content:flex-start;align-items:center}.repository--nav>div{font-size:0.85em;margin-left:0.4em;margin-right:0.4em;text-align:center}@media (min-width: 0.0625em) and (max-width: 19.99em){.repository--nav>div{font-size:0.65em}}@media (min-width: 20em) and (max-width: 26.5525em){.repository--nav>div{font-size:0.7em}}@media (min-width: 26.5625em) and (max-width: 48.0525em){.repository--nav>div{font-size:0.75em}}.repository--nav a:link,.repository--nav a:visited{color:#0d4fa7}.repository--nav a:active,.repository--nav a:hover{color:#93c6ff}.repository--nav--logo{background-image:url(/static/84e4efdeff37ff98d7c2.svg);background-position:center left;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;display:block;height:25px;overflow:hidden;text-indent:-1000px;width:6em;margin:0}.repository--nav--current-user--menu{display:none;position:absolute;left:-1em;top:3.7em;background:#ffffff;padding:20px;border-radius:3px;width:100%;text-align:left}.repository--nav--current-user--menu.is-open{display:block}.repository--nav .repository--nav--current-user{position:relative;height:3.75em;text-align:right;padding:0 3.75em 0 0;box-sizing:border-box;margin-right:0}.repository--nav .repository--nav--current-user:hover .repository--nav--current-user--menu{display:block}.repository--nav .repository--nav--current-user button{border:none;font-size:1em;background:#fff;font-family:"Libre Franklin",Arial,sans-serif;height:3.75em;margin:0}.repository--nav .repository--nav--current-user .avatar{position:absolute;right:0;top:50%;transform:translate(0, -50%);height:2.9em;width:2.9em;margin:0}.repository--nav--links--link:last-child{padding-right:20px}

html,body{margin:0;padding:0;font-family:"Libre Franklin",Arial,sans-serif;font-size:1.1em}html.ReactModal__Body--open,body.ReactModal__Body--open{overflow:hidden}.avatar{position:relative;height:90px;width:90px;margin:0.6em}.avatar--image{position:absolute;height:100%;width:100%;top:0;right:0}.avatar--image img{height:100%;border-radius:50%}.avatar--notice{cursor:default;position:absolute;bottom:0;right:0;background:red;border-radius:1em;color:white;padding:0.25em;min-width:1.2em;text-align:center;font-size:0.8em}