:root{--content-max: 750px;--menu-height: 3rem;--navigation-font-size: 1rem;--paragraph-font-size: 1rem;--spacing: 2rem}@media screen and (min-width: 1024px){:root{--content-max: 1300px;--menu-height: 5rem;--navigation-font-size: 1.5rem;--paragraph-font-size: 1.1rem}}@media screen and (min-width: 1440px){:root{--content-max: 1660px;--spacing: 3rem;--paragraph-font-size: 1.2rem}}@media screen and (min-width: 2880px){:root{--content-max: 2200px;--menu-height: 8rem;--navigation-font-size: 2.75rem;--paragraph-font-size: 1.75rem;--spacing: 4rem}}html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:normal}ol,ul{list-style:none}img{max-width:100%;height:auto}html{height:-webkit-fill-available;margin:0;overflow-x:hidden;padding:0}body{background-color:#333333;color:#ffffff;display:flex;flex-direction:column;font-family:"Roboto", sans-serif;min-height:100vh;min-height:-webkit-fill-available}body>*{flex:0 1 auto}main{background-color:#c2c2c2;display:flex;flex-direction:column;justify-content:center;padding:0;flex:1}main>*{flex:0 1 auto}main.main-dark{background-color:#333333}a{border-bottom:1px solid #2ba8bb;color:inherit;text-decoration:none}a:hover{border-color:#333333}h1{font-weight:400}h3{font-size:1.75rem}p{font-size:var(--paragraph-font-size);line-height:calc(var(--paragraph-font-size) * 1.5);margin-bottom:1rem}code{color:#333333}.about-container h3{padding-bottom:1rem}.about .card{margin-bottom:var(--spacing)}.about-images{display:none;padding:var(--spacing)}.about-images img{border-radius:5px;box-shadow:0 4px 14px rgba(51,51,51,0.3);margin:1rem 0;max-width:275px;width:15vw}.about-images .rotate-left{transform:rotate(7deg)}.about-images .rotate-right{transform:rotate(-7deg);z-index:1}@media screen and (min-width: 768px){.about-images{display:flex;justify-content:center}.about-images>*{flex:0 1 auto}}@media screen and (min-width: 1024px){.about{width:100%}.about-container{display:flex;flex-direction:row;justify-content:space-between}.about-container>*{flex:0 1 auto}.about-content{max-width:850px}.about-images{flex-direction:column;justify-content:flex-start;padding:1rem 0 var(--spacing) calc(var(--spacing) * 2)}.about-images img{margin:0 1rem;width:18vw}}@media screen and (min-width: 1440px){.about-content{max-width:900px}.about-images img{max-width:325px}}@media screen and (min-width: 2880px){.about-container h3{font-size:2.75rem;padding-bottom:2rem}.about-content{max-width:1200px}.about-images img{max-width:400px}}.btn-group{background-color:#D9D9D9;border-radius:5px;display:flex;font-size:var(--paragraph-font-size);margin-bottom:1rem}.btn-group>*{flex:0 1 auto}.btn-group a{text-decoration:none}.btn-group .left-btn{border:1px solid #333333;border-radius:5px 0 0 5px;color:#333333;padding:.3rem .6rem}.btn-group .left-btn:hover{background-color:#c2c2c2}.btn-group .right-btn{align-items:center;background-color:#333333;border:1px solid #333333;border-radius:0 5px 5px 0;color:#D9D9D9;display:flex;justify-content:center;padding:.3rem .6rem}.btn-group .right-btn>*{flex:0 1 auto}.btn-group .right-btn:hover{background-color:#000000}@media screen and (min-width: 1024px){.btn-group .right-btn,.btn-group .left-btn{padding:.5rem 1rem}}.card{background-color:#D9D9D9;border-radius:5px;box-shadow:0 4px 14px rgba(51,51,51,0.3);padding:var(--spacing)}.card p.card-summary{color:#000000;font-weight:100}.card p:last-child{margin-bottom:0}.card .icon-link{color:#218392;border:none}.card .icon-link:hover{color:#333333}@media screen and (min-width: 1024px){.card p.card-summary{font-size:1.1rem;line-height:1.65rem}}@media screen and (min-width: 1440px){.card p.card-summary{font-size:1.3rem;line-height:1.95rem}}@media screen and (min-width: 2880px){.card p.card-summary{font-size:2rem;line-height:3rem}}.content{align-self:center;background-color:#c2c2c2;color:#333333;display:flex;flex:1 1 auto;flex-direction:column;max-width:var(--content-max);padding:var(--spacing) var(--spacing) 0}.content>*{flex:0 1 auto}nav{background-color:#333333}.nav-container{max-width:var(--content-max);padding:0 var(--spacing)}.header-title{width:100%}.page-title{color:#6ecfde;font-family:"Euphoria Script", cursive;font-size:var(--menu-height);line-height:1;margin-top:60px;padding:1rem 0;text-align:center}.page-title:before{content:'{ '}.page-title:after{content:' }'}.page-title:before,.page-title:after{background:inherit;color:#ffffff;font-family:"Roboto", sans-serif}.menu-wrap .toggler{cursor:pointer;height:50px;left:1rem;opacity:0;position:absolute;top:1rem;width:50px;z-index:2}.menu-wrap .hamburger{align-items:center;display:flex;height:60px;justify-content:center;left:1rem;padding:1rem;position:absolute;top:1rem;width:60px;z-index:1}.menu-wrap .hamburger>*{flex:0 1 auto}.menu-wrap .hamburger>div{align-items:center;background:#fff;display:flex;flex:none;height:2px;justify-content:center;position:relative;transition:all 0.4s ease;width:100%}.menu-wrap .hamburger>div>*{flex:0 1 auto}.menu-wrap .hamburger>div:before,.menu-wrap .hamburger>div:after{content:'';background:inherit;height:2px;position:absolute;top:-10px;width:100%;z-index:1}.menu-wrap .hamburger>div:after{top:10px}.menu-wrap .toggler:checked+.hamburger>div{background-color:#6ecfde;transform:rotate(135deg)}.menu-wrap .toggler:checked+.hamburger>div:before,.menu-wrap .toggler:checked+.hamburger>div:after{top:0;transform:rotate(90deg)}.menu-wrap .toggler:checked:hover+.hamburger>div{transform:rotate(225deg)}.menu-wrap .toggler:checked~.menu{visibility:visible}.menu-wrap .toggler:checked~.menu>div>div{opacity:1;transition:opacity 2s ease}.menu-wrap .toggler:checked~.menu>div{bottom:0;left:0;transition:.1s}.menu-wrap .menu{height:100%;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%}.menu-wrap .menu>div{background:rgba(51,51,51,0.9);bottom:100vh;display:flex;flex:none;height:100vh;left:-100vw;position:absolute;transition:.1s;width:100vw}.menu-wrap .menu>div>*{flex:0 1 auto}.menu-wrap .menu>div>div{align-items:flex-end;display:flex;max-height:50vh;opacity:0;padding:0 1rem}.menu-wrap .menu>div>div *>{flex:0 1 auto}.menu-wrap .menu>div>div>ul>li{color:#fff;font-size:var(--navigation-font-size);height:var(--menu-height);list-style:none;padding:2rem 1rem}.menu-wrap .menu>div>div>ul>li>a{color:#ffffff;font-size:var(--navigation-font-size);text-decoration:none;border-bottom:none}@media screen and (min-width: 768px){.nav-container{margin:0 auto}.header-title{width:auto}.page-title{margin:0;padding:0}.menu-wrap{display:flex;justify-content:space-between;margin:var(--spacing) 0}.menu-wrap>*{flex:0 1 auto}.menu-wrap .hamburger{visibility:hidden}.menu-wrap .menu{display:flex;position:static;visibility:visible;width:auto}.menu-wrap .menu>*{flex:0 1 auto}.menu-wrap .menu>div{height:auto;position:static;width:auto}.menu-wrap .menu>div>div{opacity:1;padding:0}.menu-wrap .menu>div>div>ul{display:flex}.menu-wrap .menu>div>div>ul>*{flex:0 1 auto}.menu-wrap .menu>div>div>ul>li{align-items:flex-end;display:flex;padding:0 calc(var(--spacing) / 2)}.menu-wrap .menu>div>div>ul>li>*{flex:0 1 auto}.menu-wrap .menu>div>div>ul>li:last-child{padding-right:0}.menu-wrap .menu>div>div>ul>li>a{border-bottom:2px solid #333333}.menu-wrap .menu>div>div>ul>li>a:hover{border-color:#6ecfde}.menu-wrap .menu>div>div>ul>li>a:active{color:#D9D9D9}}.hero{align-items:center;background-color:#333333;justify-content:center;padding:var(--spacing)}.hero-image{width:175px}.hero-title{color:#6ecfde;padding-top:2rem}.hero-title h1{font-size:2.5rem}.hero-title h2{font-size:1.5rem;font-weight:100;margin-bottom:1rem}.hero-links{padding-top:1rem}.hero-links a{color:#ffffff;font-size:var(--navigation-font-size);text-decoration:none;border-bottom:none;border-bottom:2px solid #333333;font-size:1rem;margin-right:1rem}.hero-links a:hover{border-color:#6ecfde}.hero-links a:active{color:#D9D9D9}@media screen and (min-width: 768px){main.main-dark>nav{display:none}.hero{flex-direction:row}.hero-image{width:200px}.hero-title{padding:0 0 0 2rem}.hero-title h1{font-size:3rem}.hero-title h2{font-size:2rem}.hero-links a{font-size:1.5rem;margin-right:var(--spacing)}}@media screen and (min-width: 1440px){.hero-image{width:250px}.hero-title h1{font-size:3.5rem}.hero-title h2{font-size:2.5rem}}@media screen and (min-width: 2880px){.hero-image{width:400px}.hero-title h1{font-size:5rem}.hero-title h2{font-size:3.5rem}}footer{--icon-size: 3.5rem;background-color:#c2c2c2;height:calc(var(--icon-size) + var(--spacing))}footer .footer-container{flex:0 0 content;height:100%;margin:0 auto;max-width:var(--content-max);padding:0 var(--spacing)}footer .footer-container *>{flex:0 1 auto}footer .icon-container{align-items:center;background-color:#c2c2c2;display:flex;height:100%;justify-content:space-between}footer .icon-container>*{flex:0 1 auto}footer .icon-container a{text-decoration:none;border-bottom:none}footer .icon-container a .icon-circle{align-items:center;background:#333333;border-radius:50%;display:flex;height:var(--icon-size);justify-content:center;width:var(--icon-size)}footer .icon-container a .icon-circle>*{flex:0 1 auto}footer .icon-container a .icon-circle i{color:#c2c2c2;font-size:calc(var(--icon-size) * .55)}footer .icon-container a .inverted{background:none}footer .icon-container a .inverted i{color:#333333;font-size:var(--icon-size)}footer .icon-container a:hover{border-bottom:none}footer .icon-container a:hover .icon-circle{transform:scale(1.1)}@media screen and (min-width: 768px){footer .footer-container{display:flex;justify-content:flex-end}footer .footer-container>*{flex:0 1 auto}footer .icon-circle{margin:0 calc(var(--spacing) * 2)}footer .icon-circle:last-child{margin-right:0}}@media screen and (min-width: 1440px){footer{--icon-size: 4rem}}@media screen and (min-width: 2880px){footer{--icon-size: 6rem;height:calc(var(--icon-size) * 2)}}.project-container{border-radius:5px;box-shadow:0 4px 14px rgba(51,51,51,0.3);margin-bottom:var(--spacing);max-width:450px}.project-img{background-color:#333333;background-size:cover;background-position:top center;border-radius:5px 5px 0 0;height:20vh;width:100%}.project .card{border-radius:0 0 5px 5px;color:#333333;flex:1 1 auto}.project .card-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.project .card-header>*{flex:0 1 auto}.project .card-header h3{margin:0 1rem 1rem 0}.project .card p.card-summary{font-size:1.25rem}.project .card ul{list-style-type:circle;margin-left:1rem}.project .card ul li{font-size:var(--paragraph-font-size);line-height:calc(var(--paragraph-font-size) * 1.5);margin-bottom:1rem}@media screen and (min-width: 1024px){.project-container{box-shadow:none;display:flex;margin:var(--spacing) 0;max-width:none}.project-container>*{flex:0 1 auto}.project-reverse{flex-direction:row-reverse}.project-reverse .project-img{margin-left:var(--spacing);margin-right:0}.project-img{border-radius:5px;box-shadow:0 4px 14px rgba(51,51,51,0.3);flex-shrink:2;height:auto;margin-right:var(--spacing);max-width:600px;min-width:325px}.project .card{border-radius:5px;flex-grow:2}.project .card-header h3{font-size:2.25rem}.project .card p.card-summary{font-size:1.5rem}}@media screen and (min-width: 2880px){.project .card-header h3{font-size:2.75rem}.project .card p.card-summary{font-size:2.25rem}}.flight-booker-img{background-image:url("/assets/project-flight-booker-8962536672366af3be0760d953b2cd9f8a127008b7ab954299023a1414f6fcf2.png");background-position:top center}.playground-img{background-image:url("/assets/project-playground-713653daf0060394196397fad8fbf2a1769b00984b5c8a599e3efe0a95924657.png");background-position:bottom left}.chess-img{background-image:url("/assets/project-chess-18111f5549606b88630a68301d90f03e7a78d9586db970f2b1faa806f656e76f.png");background-position:top left}.odin-img{background-image:url("/assets/project-the-odin-project-072314700ec79ed7f114fe9db50deb6dcc1b0f628198aeffa175f4fadca3144f.png");background-position:top center}.social-media-img{background-image:url("/assets/project-social-media-b75c34aaa9f8d613878344c10e9d0956155b99a1867c7ab889196a9887a7203f.png");background-position:top center}