*{margin:0;padding:0;font-weight:100;line-height:1.2}body,html{width:100%;height:100%;overflow-x:hidden;background-color:#f7f8fc}.text-center{text-align:center}body{margin:0;font-family:Montserrat,sans-serif}h2.standard-size{font-size:4vw}.full-width{width:100%}.full-height{height:100vh}.relative{position:relative}.spawn-circle{border-radius:50%;position:absolute;width:0;height:0;border:14px solid #add8e6;background-color:#add8e6;right:0;margin:auto;transform:scale(0);opacity:.8}.second.spawn-circle{top:50%;border:14px solid #ff8c00;background-color:#ff8c00;right:20%}.full-stack,.simon{position:relative;top:25%}.simon h1{font-size:6vw;display:inline-block;left:10%}.slide-text-container{position:relative;overflow-y:hidden}.slide-up{transition:.4s;transform:translateY(100%);position:relative}.show{transform:none}#simon p{transition:.5s;display:inline-block;cursor:pointer;user-select:none;margin:-.7vw}#simon p:hover{transform:scale(1.3)}.full-stack h2{margin:0;display:inline-block;left:10%;padding-left:8px;font-size:2vw}.landing{position:relative}.full-width.project-section{margin-top:15%;position:relative;z-index:10}.project-section>h2{margin-bottom:10%}.main-project-container{margin:auto;text-align:center;font-size:0}.project img{width:100%;height:100%;transition:.3s;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.project,.tech{position:relative;display:inline-block;vertical-align:top;opacity:.5;width:416px;height:739px;margin:16px;box-shadow:0 0 10px 5px rgb(0,0,0,.6);-moz-box-shadow:0 0 10px 5px rgba(0,0,0,.6);-webkit-box-shadow:0 0 10px 5px rgb(0,0,0,.6);-o-box-shadow:0 0 10px 5px rgba(0,0,0,.6);transition:.3s;overflow:hidden}.project{opacity:1}.opacity-layer:hover{opacity:0}.opacity-layer{position:absolute;width:100%;height:100%;z-index:11;background-color:#fff;opacity:.5;transition:.5s}.project-heading,.tech-heading{width:416px;height:739px;box-shadow:none;position:relative;opacity:1}.project-heading>div,.tech-heading>div{position:absolute;top:50%;transform:translateY(-50%)}.project-heading h2,.tech-heading h2{font-size:149px;margin:0;line-height:.9;font-weight:700}.project:hover{cursor:pointer;opacity:1}.project:hover img{width:110%;height:110%}.project.tech img{width:45%;height:auto}.project-heading>div{text-align:left}.tech-heading h2{font-size:124px;text-align:left}.tech{box-shadow:none;width:12vw;height:7vw;opacity:.5}.tech-heading>div{left:100%}.tech-heading{height:267px;text-align:right}.about-me{width:90%;margin:15% auto 0 auto}.about-me>h2{font-weight:600;font-size:157px}.btn-container{position:relative;left:50%;transform:translateX(-50%);display:inline-block;margin:130px 0}button.standard-btn:hover{background-color:#ff8c00;color:#fff}.about-me .btn-container button:first-child{margin-right:165px}button.standard-btn{background-color:transparent;border:5px solid #ff8c00;padding:10px 40px;font-size:25px;border-radius:3px;transition:.3s;color:#ff8c00}.about-me h3{max-width:43vw;font-size:28px}.contact-inner{height:100vh;margin:0 auto;width:90%}.contact{margin:5% auto 0 auto}.contact-inner>h2{font-size:110px;font-weight:600;text-align:center;margin:14% 0 7% 0}.contact-tile-container{font-size:0;width:100%;text-align:center}.left-col,.right-col{width:70vh;display:inline-block;font-size:25px;height:70vh;position:relative;border-radius:50%;transition:.3s}.left-col{background-color:#ff8c00;border:4px solid #ff8c00}.right-col{background-color:#add8e6;margin-left:60px;border:4px solid #add8e6}.left-col img,.right-col img{position:relative;top:50%;transform:translateY(-50%);width:5vw;height:5vw;transition:.3s;pointer-events:none;user-select:none}.contact-tile-container>div:hover{cursor:pointer}.transparent{background-color:transparent}.left-col h3,.right-col h3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2vw;opacity:0;transition:.3s}.left-col h3.show,.right-col h3.show{opacity:1}button:hover{cursor:pointer}@media only screen and (max-width:1300px){.right-col{margin:16px 0 0 0}.tech{width:29%;height:18vw}.full-width.project-section{margin-top:37%}.about-me h3{font-size:7vw;margin-top:60px;width:100%;max-width:100%}.about-me .btn-container button:first-child{margin-right:7vw}button.standard-btn{font-size:5vw}button.standard-btn{padding:4vw 6vw}.left-col,.right-col{width:70vw!important;height:70vw!important}.left-col img,.right-col img{width:12vw;height:12vw}.simon h1{font-size:12vw;left:5%}.full-stack h2{left:3%;font-size:5vw}.left-col h3,.right-col h3{font-size:4vw}.project-heading,.tech-heading{width:45vw;height:90vw}.project-heading h2,.tech-heading h2{font-size:15vw}.project{width:45vw;height:90vw;margin:2vw}.about-me>h2{font-weight:600;font-size:26vw}.about-me{margin:30% auto 0 auto}.btn-container{margin:10vh 0}.tech{width:29vw;height:24vw;margin:2vw}}