@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Unna:ital,wght@0,400;0,700;1,400;1,700&display=swap";#root{max-width:1980px;background-color:#677d6a;min-height:100vh}.construction{place-self:center;display:block;margin:17% auto;text-align:center;font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,6vw,9rem)}header{display:flex;justify-content:space-between;padding:0;margin:0;background-color:var(--dark-blue);position:sticky;width:100%;top:0;z-index:1000}.logo{color:var(--white);font-size:1.5rem;padding:18px;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal}.menu-toggle{display:none;cursor:pointer;margin:5px}.menu-toggle div{background-color:var(--dark-gray);margin:7px;padding:5px;width:50px}#greenish{background-color:var(--medium-green)}#yellowish{background-color:var(--light-green)}#blueish{background-color:var(--white)}.navbar{padding:12px;display:flex}.nav-bar{display:block}.navbar a{text-decoration:none;color:var(--white);margin:10px;font-size:1.3rem;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal}.navbar a:hover{color:var(--light-green);transition:.2s}.navbar a:focus{color:var(--medium-green)}@media only screen and (max-width: 768px){.menu-toggle{display:block}.nav-bar{display:none;flex-direction:column;background-color:var(--dark-blue);width:100%;position:absolute;top:60px;left:0}.nav-bar.show{display:flex}.navbar{flex-direction:column;text-align:center}.navbar a{padding:5px;margin:5px}.navbar a:hover{background-color:var(--medium-green);transition:.2s}}.parallax{background-attachment:fixed;background-size:cover;background-position:center}.bg1{background-color:var(--medium-green);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--white);text-align:center;padding:60px 0}@media only screen and (max-width: 768px){.hero-title{font-size:clamp(5rem,4vw,20rem)}.hero-subtitle{font-size:clamp(2rem,3vw,6rem)}.viewBtn{font-size:clamp(1.7rem,2vw,4rem)}}.hero-title{font-size:clamp(5rem,10vw,20rem);margin:-200px auto 0;font-family:Unna,serif;font-weight:400;font-style:normal}.hero-subtitle{font-size:clamp(2rem,3vw,6rem);font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;margin:15px}.viewBtn{font-size:clamp(1.8rem,2vw,4rem);font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;background-color:var(--dark-blue);color:var(--white);padding:5px 6px}.viewBtn:hover{text-decoration:none}.viewBtn:focus{background-color:var(--medium-green)}#about-me{min-height:100vh;background-color:var(--white);padding:60px 20px;margin:0 auto}.about-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:80px 0;margin:0% auto;text-align:center;font-family:Unna,serif;font-weight:400;font-style:normal}#portfolio{text-align:center;box-shadow:0 0 20px #0000001a;padding:70px 40px;background-color:#677d6a67}#portfolio h2{text-align:center;margin-top:15px;color:var(--white);font-family:Unna,serif;font-weight:400;font-style:normal;font-size:clamp(2rem,6vw,6rem)}.portfolio-bundle{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));place-items:center;gap:20px;padding:10px 0;margin:0% auto;color:var(--white)}.project{padding:10px;border-radius:8px;box-shadow:0 0 20px #0000001a;font-family:Unna,serif;font-weight:400;font-style:normal;max-width:320px}.project:hover{transform:scale(1.1);transition:.2s;z-index:1}.project h3{font-size:1.7rem}.project p{font-size:1.5rem}.project .lowBtn{display:flex;justify-content:space-between;padding:10px 0}.project .lowBtn a{text-decoration:none;background-color:var(--white);padding:5px;border-radius:8px;box-shadow:0 0 20px #0000001a;font-family:Unna,serif;font-weight:400;font-style:normal}.contact{min-height:100vh;margin:0;background-color:#d6bd987a}.contact h2{display:block;text-align:center;padding-top:100px;font-size:clamp(2rem,5vw,6rem);font-family:Unna,serif;font-weight:400;font-style:normal;color:var(--dark-blue)}.contact form{max-width:600px;margin:0% auto;padding:0 30px}.contact form input,.contact form textarea{width:100%;padding:10px 0;margin:10px 0;border:none;border-radius:5px;font-size:1.3rem;font-family:Unna,serif;font-weight:400;font-style:normal}.contact form input[type=submit]{display:block;width:100%;background-color:var(--dark-blue);color:var(--white);cursor:pointer}.contact form input[type=submit]:hover{background-color:var(--dark-gray)}.contact form input[type=submit]:focus{background-color:var(--medium-green)}footer{background-color:var(--dark-blue);color:var(--white);text-align:center;padding:20px 0;width:100%}footer p{margin:0;font-family:Unna,serif;font-weight:400;font-style:normal}:root{--dark-blue: #1A3636;--dark-gray: #40534C;--medium-green: #677D6A;--light-green: #D6BD98;--white: #FFFFFF}*{margin:0;padding:0}body{display:flex;min-width:100%;flex-direction:column;min-height:100vh;margin:0;padding:0;background-color:var(--white);color:#333;font-family:Roboto Condensed,sans-serif}main{flex:1;background-color:#677d6a67;min-width:100%}