@font-face{font-family:"ChakraPetch";src:url(//www.simontheweb.com/wp-content/themes/simontheweb/sass/../assets/fonts/Chakra_Petch/ChakraPetch-Regular.ttf);font-weight:400}html{margin-top:0 !important;scroll-behavior:smooth}body{font-family:"ChakraPetch",sans-serif;font-weight:400;margin:0;padding:0;background-color:#1e1e1e;overflow-x:hidden}main{padding-top:80px}*{padding:0;margin:0}li{list-style:none}a,a:visited{color:#f2935c;text-decoration:none;text-transform:uppercase;display:flex;justify-content:center}a:hover{font-weight:700;cursor:pointer}p{text-align:justify;font-size:24px;text-indent:50px;margin-bottom:3%}.upwards_animation{display:inline-block;opacity:0;transform:translateY(200px)}.up{opacity:1;transform:translateY(0);transition:transform 1s,opacity 1s}.left_animation{display:inline-block;opacity:0;transform:translateX(-200px)}.left{opacity:1;transform:translateX(0);transition:transform 1s,opacity 1s}.right_animation{display:inline-block;opacity:0;transform:translateX(200px)}.right{opacity:1;transform:translateX(0);transition:transform 1s,opacity 1s}header{display:flex;justify-content:space-between;position:fixed;width:100vw;height:80px;background-color:#050505;z-index:10}header nav{display:flex;justify-content:space-between;align-items:center;width:100%}header nav .left_container{width:30%;display:flex;justify-content:center;align-items:center;gap:20px}header nav .site_logo img{width:100%;max-width:60px}header nav .site_title{color:#f2935c;font-size:24px}header nav .right_container{display:flex;justify-content:flex-end;align-items:center;width:40%;padding-right:5%}header nav .hamburger{display:none;cursor:pointer;position:relative}header nav .hamburger .bar{display:block;width:30px;height:3px;margin:5px;transition:all .3s ease-in-out;background-color:#f2935c}header nav .nav_menu{display:flex;justify-content:flex-end;align-items:center;width:100%;z-index:2}header nav .nav_menu a{margin:0 10px;color:#f2935c;font-size:16px;display:flex}header nav .nav_menu ul{display:flex;justify-content:space-between;flex-direction:row;align-items:center;width:800px}@media (max-width:768px){header nav .nav_menu{position:fixed;top:-100%;left:0;flex-direction:column;justify-content:center;width:100%;height:100%;background-color:#f2935c;opacity:0;pointer-events:none;transition:top .7s ease-in-out,opacity 1s ease}header nav .hamburger{display:block;width:40px;height:30px;cursor:pointer;position:relative;margin-right:10%}header nav .hamburger.active .bar:nth-child(2){opacity:0}header nav .hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}header nav .hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}header nav .nav_menu.active{top:80px;opacity:1;pointer-events:auto}header nav .nav_menu ul{flex-direction:column;justify-content:space-between;align-items:center;height:300px}header nav .nav_menu a{color:#000;font-size:44px}header nav .nav_menu,header nav .hamburger{transition:top 1s ease,opacity 1s ease}}@media (max-width:768px){header nav .left_container{width:40%}}@media (max-width:490px){header nav .left_container{width:70%}.site_logo{position:relative;left:10px;width:40px}}.hero{width:100%;height:600px;display:flex;justify-content:center;align-items:center}.hero_container{width:100%;height:600px}.hero_image{width:100%;height:auto;object-fit:cover}.hero_title{position:relative;color:#f2935c;width:100%;justify-content:center;display:flex;align-items:center;bottom:68%;left:50%;transform:translate(-50%,-50%);font-size:35px;text-shadow:0 0 40px #f60,0 0 50px #f60,0 0 60px #f60}.hero_subtitle{position:relative;color:#f2935c;width:100%;justify-content:center;display:flex;align-items:center;bottom:63%;left:50%;transform:translate(-50%,-50%);font-size:30px;text-shadow:0 0 40px #f60,0 0 50px #f60,0 0 60px #f60}@media (max-width:1660px){.hero_image{width:100%;height:600px}.hero_title{position:relative;bottom:53%;left:50%}.hero_subtitle{position:relative;bottom:48%;left:50%}}@media (max-width:490px){.hero_title{font-size:20px}}@media (max-width:320px){.hero{height:500px}.hero_container{height:500px}.hero_image{height:500px}.hero_title{position:relative;bottom:55%}.hero_subtitle{font-size:20px}}.story{width:100%;height:600px;display:flex;justify-content:center;align-items:center;background-color:#f2935c;overflow-x:hidden !important}.story_container{display:flex;justify-content:center;align-items:center;width:80%;gap:50px}.story_img{width:45%;height:auto;display:flex;justify-content:center;align-items:center}img{width:60%;height:auto}.story_text{width:55%;height:550px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;overflow:hidden}.story_title{color:#1e1e1e;font-size:40px;text-shadow:0 0 50px #000,0 0 60px #000}.story_p{width:100%}@media (min-width:1660px){.story{position:relative;top:170px}}@media (max-width:1024px){.story_title{font-size:26px}.story_container{width:90%;gap:0px}.story_p p{font-size:20px}}@media (max-width:768px){.story_img{width:40%}.story_text{width:60%}.story_title{font-size:24px}.story_p p{font-size:20px}}@media (max-width:490px){.story_container{width:95%}.story_img{display:none}.story_text{width:90%}.story_p p{font-size:18px}}@media (max-width:320px){.story_container{width:95%}.story_title{font-size:22px}.story_p p{font-size:12px}}.skills{width:100%;height:600px;display:flex;justify-content:center;align-items:center;background-color:#1e1e1e;overflow-x:hidden !important}.skills_container{display:flex;justify-content:center;align-items:center;width:80%;gap:100px}.skills_text{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.skills_title{color:#f29351;font-size:40px;text-shadow:0 0 40px #f29351,0 0 50px #f29351,0 0 60px #f29351}.skills_p{color:#f29351}.skills_logos{width:50%;display:flex;justify-content:center;align-items:center;height:350px;border-color:#f29351;border-radius:50px;border:solid;box-shadow:0 0 40px #f29351,0 0 50px #f29351,0 0 60px #f29351;overflow:hidden}.skills_logos_container{width:80%;height:80%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:12.5%}.skills_logo{width:100px}@media (min-width:1660px){.skills{position:relative;top:170px}}@media (max-width:1024px){.skills_title{font-size:26px}.skills_container{width:90%;gap:70px}.skills_p p{font-size:20px}.skills_logos{height:450px;width:40%}.skills_logo{width:90px}}@media (max-width:768px){.skills_title{font-size:24px}.skills_p p{font-size:20px}.skills_logo{width:80px}}@media (max-width:490px){.skills{height:680px}.skills_container{display:flex;flex-direction:column;gap:70px;position:relative;bottom:2%}.skills_text{width:100%}.skills_logos{height:450px;width:80%}.skills_p{display:none}}@media (max-width:320px){.skills_container{width:95%}.skills_title{font-size:22px}}.portfolio{width:100%;height:800px;display:flex;align-items:center;flex-direction:column;background-color:#f2935c}.portfolio_title{position:relative;top:8%;color:#1e1e1e;font-size:40px;text-shadow:0 0 50px #000,0 0 60px #000}.portfolio_container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:80%;height:550px;gap:10%;position:relative;top:13%}.creation{display:flex;justify-content:center;align-items:center;width:20%;color:#000;box-shadow:0 0 50px #000,0 0 60px #000;border-radius:50px}.creation a img{width:80%}.creation:hover{box-shadow:0 0 50px #000,0 0 60px #000,0 0 70px #000}@media (min-width:1660px){.portfolio{position:relative;top:170px}}@media (max-width:1024px){.portfolio{height:780px}.portfolio_container{width:90%}}@media (max-width:768px){.portfolio_title{font-size:30px}.creation{width:25%}}@media (max-width:490px){.creation{width:40%}}@media (max-width:320px){.portfolio_container{width:95%}.portfolio_title{font-size:26px}}.single_creation{display:flex;justify-content:center}.single_container{width:80%;margin-top:8%}.post_content{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f29351}.attachment-large{background-color:#f29351;border-radius:50px;box-shadow:0 0 50px #f29351,0 0 60px #f29351;margin-bottom:10%}.links_container{display:flex;width:100%;height:80px;justify-content:center;gap:50px;margin-top:4%}.left_link,.right_link{width:35%;display:flex;justify-content:center;align-items:center;background-color:#f29351;border-radius:50px}.left_link:hover,.right_link:hover{box-shadow:0 0 50px #f29351,0 0 60px #f29351}a.github_link,a.site_link{display:flex;justify-content:inherit;align-items:center;width:100%;height:80px}a.github_link p,a.site_link p{display:flex;justify-content:center;align-items:center;color:#000;font-size:16px;margin-bottom:0;text-indent:0px}img.github_image{width:20%}.nav_photo{display:flex;justify-content:space-around;width:100%;align-items:center;height:80px;margin-top:16%}.nav_arrow{width:90%;display:flex;align-items:center;justify-content:space-between;position:absolute;left:50%;transform:translateX(-50%)}.previous_project{display:flex;justify-content:center;align-items:center;gap:20px}.next_project{display:flex;justify-content:center;align-items:center;gap:20px}.arrow{width:70px;height:auto;cursor:pointer;background-size:cover;background-position:center}.left_arrow_text{color:#f29351;pointer-events:none}.left_arrow_text p{text-indent:0px}.right_arrow_text{color:#f29351;pointer-events:none}.right_arrow_text p{text-indent:0px}.left_arrow{display:flex;justify-content:center;align-items:center;gap:20px}.right_arrow{display:flex;justify-content:center;align-items:center;gap:20px}.arrow:hover+#miniature{visibility:visible;opacity:1}.miniature{visibility:hidden;opacity:0;height:250px;width:250px;position:absolute;left:50%;transform:translateX(-50%);transition:visibility .5s,opacity .5s linear;background-color:#f29351;border-radius:50px;box-shadow:0 0 50px #f29351,0 0 60px #f29351}.visible{visibility:visible;opacity:1}.miniature a{display:block;width:100%;height:100%}.miniature img{width:100%;height:100%;object-fit:cover}.empty{height:180px}@media (max-width:1024px){.nav_arrow{width:100%;height:350px}.left_link,.right_link{width:45%}}@media (max-width:768px){.single_container{width:90%}a.github_link p,a.site_link p{font-size:12px}.nav_arrow{width:90%;height:300px}.left_arrow_text p,.right_arrow_text p{display:none}}@media (max-width:490px){.post_content p{font-size:20px}a.github_link p,a.site_link p{display:none}img.github_image{width:50%;margin-top:10%;margin-bottom:10%}.nav_arrow{height:200px}.miniature{width:130px;height:130px}}@media (max-width:320px){.post_content p{font-size:18px}.miniature{width:130px;height:130px;top:100px}}.contact{width:100%;height:800px;display:flex;align-items:center;flex-direction:column;background-color:#1e1e1e}.contact_container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:80%;height:550px;position:relative;bottom:3%}.contact_title{position:relative;top:8%;color:#f29351;font-size:40px;text-shadow:0 0 50px #f29351,0 0 60px #f29351}.contact_form{position:relative;top:13%;width:50%;height:400px}#wpforms-66,#wpforms-form-66{width:100%;height:400px}div.wpforms-container-full .wpforms-form .wpforms-submit-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:8%}#wpforms-66-field_0,#wpforms-66-field_0-last,#wpforms-66-field_1,#wpforms-66-field_2,#wpforms-submit-66{border-radius:20px}#wpforms-submit-66{width:50%;height:50px;color:#000;background-color:#f29351;box-shadow:0 0 50px #f29351,0 0 60px #f29351}#wpforms-submit-66 :hover{font-weight:700;color:#f29351;background-color:#000;box-shadow:0 0 50px #f29351,0 0 60px #f29351,0 0 70px #f29351}@media (min-width:1660px){.contact{position:relative;top:170px}}@media (max-width:1024px){.contact{height:780px}.contact_container{width:90%}.contact_form{width:80%}}@media (max-width:768px){.contact_title{font-size:30px}}@media (max-width:490px){.story_img{display:none}.story_text{width:90%}.story_p{font-size:14px}}@media (max-width:320px){.contact_container{width:95%}.contact_title{font-size:26px}}.footer{width:100%;height:80px;background-color:#f29351;display:flex;justify-content:center;align-items:center}.footer_container{width:80%;height:80px;display:flex;justify-content:space-between;align-items:center}p.copyright_text{text-indent:0px;margin-bottom:0;color:#000;font-size:16px}.left_container{width:50%;height:80px;justify-content:start;align-items:center;display:flex}.right_container{width:20%;height:80px;display:flex;justify-content:space-between;align-items:center}.socials{display:flex;justify-content:end;align-items:center;width:100%;height:80px}.linkedin_container{display:flex;justify-content:end;align-items:center;width:50%}a.social_icon{width:50%}a.social_icon img{width:35px;filter:grayscale(100%) brightness(1);transition:filter .3s}a.social_icon img:hover{filter:grayscale(0%) brightness(1)}li.page_item.page-item-7.current_page_item a,.page_item.page-item-74 a{color:#000}@media (min-width:1660px){.footer{position:relative;top:170px}}@media (max-width:490px){p.copyright_text{font-size:10px}.linkedin_container{width:100%}}