@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Bungee&display=swap";@import"https://fonts.googleapis.com/css2?family=Silkscreen&display=swap";html,body{padding:0;margin:0;font-family:Work Sans,sans-serif;background:#f1f1f1}*{box-sizing:border-box}.container{width:98vw;margin:0 auto}.portfolio-image{width:100%;display:block;margin:0 auto 1vw}.portfolio-image:last-child{margin-bottom:4rem}h1{text-align:center}h2{text-align:center;font-weight:300;font-size:2rem;margin:4rem 0;text-transform:uppercase;letter-spacing:1px;word-spacing:3px}.logo{position:fixed;top:2rem;z-index:1;padding:.5rem;left:2rem;cursor:pointer;transition:all .2s ease-in-out}.logo:hover{transform:scale(1.1)}nav.portfolio-nav{margin:4rem 0 2rem;text-transform:uppercase}nav.portfolio-nav img{cursor:pointer}nav.portfolio-nav ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}nav.portfolio-nav ul li{margin:0 1.2rem;position:relative}nav.portfolio-nav ul li a{text-decoration:none;color:#000;transition:color .2s ease-in-out;position:relative}nav.portfolio-nav ul li a:after{content:"";display:block;width:0;height:2px;background:#b9e1d7;transition:width .2s}nav.portfolio-nav ul li a:hover:after{width:100%}nav.portfolio-nav ul li.has-children{margin-right:1.8rem}nav.portfolio-nav ul li.has-children:after{content:"\2207";font-weight:300;position:absolute;top:50%;transform:translateY(-50%) scale(.8);left:100%;margin-left:.3rem}nav.portfolio-nav ul li ul{display:none;position:absolute;top:100%;left:calc(0px - 1rem);background-color:#f1f1f1}nav.portfolio-nav ul li ul li{margin:0}nav.portfolio-nav ul li ul a{display:block;padding:1rem}nav.portfolio-nav ul li:hover ul{display:flex;flex-direction:column}@media screen and (max-width: 768px){nav.portfolio-nav ul{flex-direction:column;align-items:center;text-align:center;position:static}nav.portfolio-nav ul li{margin:1rem 0;position:relative}nav.portfolio-nav ul li.has-children{margin-right:0}nav.portfolio-nav ul li.has-children:after{display:none}nav.portfolio-nav ul li ul{position:static;background-color:transparent;display:none;padding-left:0}nav.portfolio-nav ul li ul li{margin:0}nav.portfolio-nav ul li a:after{display:none}nav.portfolio-nav ul li:hover ul{display:none}}.about-text{line-height:1.5;font-size:1.1rem;max-width:960px;margin:0 auto}.about-image{display:block;float:left;margin:0 2rem 2rem 0}.portfolio-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:2rem 0;gap:1vw}.category-card{font-family:Bungee,sans-serif;width:calc(50% - 1vw);height:60vw;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}.category-card a{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:#000;transition:opacity .2s ease-in-out;color:#fff;display:block;line-height:60vw;text-align:center;text-decoration:none;font-size:4rem;letter-spacing:5px}.category-card:hover a{opacity:.8}.main{min-height:100vh;padding:4rem 0;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat}.title{cursor:pointer;transition:all .2s ease}.title img{max-width:94vw}.title:hover{transform:scale(1.1)}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:1.2rem;margin-left:1rem;color:#555}.photo-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.photo-container img{max-width:100%;margin-bottom:1vw}.horizontal-photo{width:100%}.vertical-photo{width:calc(50% - .5vw)}.mobile-nav-container{position:relative;display:none;text-align:right}.mobile-nav-toggle{background:none;appearance:none;margin:0;padding:0;border:none;cursor:pointer;font-size:4rem;-webkit-appearance:none;color:inherit;width:auto;min-width:none}.mobile-nav{list-style:none;padding:0;margin:0;position:absolute;top:100%;left:0;width:100%;background-color:#fff;display:none}.mobile-nav.open{display:block}.mobile-nav li{padding:10px;border-bottom:1px solid #ccc}.mobile-nav a{text-decoration:none;color:#333;display:block}.mobile-nav a:hover{color:#007bff}@media screen and (max-width: 768px){h2{margin:4rem 0 2rem}.logo{top:1rem;left:1rem;width:140px}.logo img{width:100%}nav ul li{margin:0 .8rem}.about-image{float:none;margin:0}.portfolio-links{margin:6rem 0 1rem}.category-card{width:100%;margin-bottom:1rem;height:130vw}.category-card a{font-size:1.2rem;opacity:.7;line-height:130vw}.mobile-nav-container{display:block}.portfolio-nav{display:none}}