.icon,.navbar{position:fixed;height:70px}.icon mark,.navbar button{font-size:1.2em;background:rgba(0,0,0,0)}.icon img,.icon mark{position:absolute;right:0}.home button,.icon mark,.navbar button{background:rgba(0,0,0,0)}.about .left,.about .right{width:100%;height:50%;font-size:1.5em}.about .left p,.about .right h2,button{transition-duration:.4s}.about,.home,.icon{text-align:left}.home button,.project-description p{padding:10px}.contact button,.home button,.navbar button,.project-button button{cursor:pointer;outline:0}body,html{margin:0;height:100vh;width:100vw;background:linear-gradient(150deg,#24305e 60%,#f76c6c 0);background-repeat:no-repeat;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:center;overflow-x:hidden}.navbar{width:50vw;margin-left:25vw}.with_background{background:#323232;border-radius:8px;box-shadow:0 4px 8px 0 rgb(0 0 0 / 40%),0 6px 20px 0 rgb(0 0 0 / 40%)}.navbar button{float:left;width:25%;height:100%;margin:0;border:none;color:#a8d0e6}.contact h1,.home h1,.home h2,.home h3,.icon mark,.project h1{color:#fff}.navbar button:hover{background:#374785;border-radius:8px;box-shadow:0 4px 8px 0 rgb(0 0 0 / 40%),0 6px 20px 0 rgb(0 0 0 / 40%);font-size:1.5em}.active,.home button:hover,.project-button button:hover{background:#374785!important;box-shadow:0 4px 8px 0 rgb(0 0 0 / 40%),0 6px 20px 0 rgb(0 0 0 / 40%)}.active{border-radius:8px;font-size:1.5em!important}.icon{width:25vw;margin-left:75vw}.icon img{height:75px;width:75px;margin-right:20px}.icon mark{margin-right:100px;vertical-align:bottom}.home{display:none;float:left;height:600px;width:80vw;margin-top:70px;margin-left:10vw}.about,.contact,.project{height:600px;width:100vw;float:left}.home h1{font-size:4em;cursor:pointer;width:fit-content;transition-duration:.5s}.home h1:hover{color:silver;font-size:5em}.home h2{font-size:2em}.home button{float:left;margin:0;border:none;color:#a8d0e6;font-size:2em;width:5vw;vertical-align:middle}.home button:hover{border-radius:8px}.about .left{float:left;color:#fff;margin-left:10%}.about .left p{width:50%}.about .right{float:left;color:#fff}.about .right h2{width:30%;margin-left:70%}.about .right table{margin-left:70%}.contact,.project{text-align:center}.project-item{float:left;width:20vw;height:160px;margin-left:10vw;margin-top:30px;background:#fafafa;border-radius:8px;box-shadow:0 4px 8px 0 rgb(0 0 0 / 40%),0 6px 20px 0 rgb(0 0 0 / 40%);cursor:pointer}.project-button,.project-description,.project-hidden,.project-icon,.project-show,.project-title{float:left;width:100%}.project-show{height:100%}.project-icon{height:120px;font-size:5em}.project-title{height:40px;font-size:2em}.project-hidden{display:none;height:100%}.project-description{height:100px;font-size:1em}.project-button{height:60px;font-size:2em;text-align:center}.project-button button{width:60%;height:40px;border-radius:8px;border:none;background:#a8d0e6}.project-button button:hover{color:#a8d0e6;border-radius:8px}.contact table{width:60vw;height:300px;margin-left:20vw;font-size:2em;color:#fff}.contact table td{width:20%}.contact td:nth-child(2n){text-align:left;width:60%}.contact button{padding:10px;border-radius:8px;width:80px;background:#374785;color:#fff;border:none;font-size:.8em}.contact button:hover{background:#a8d0e6!important;color:#374785!important;border-radius:8px;box-shadow:0 4px 8px 0 rgb(0 0 0 / 40%),0 6px 20px 0 rgb(0 0 0 / 40%);width:100px}.c-red{color:#d85e52}.c-blue{color:#008cba}.c-yellow{color:#fded73}@media only screen and (orientation:portrait){.navbar{width:100vw;margin-left:0}.navbar button{font-size:.9em}.icon{display:none}.home button{width:auto;padding-left:10px;padding-right:10px}.about{height:800px}.about .left{font-size:1.2em}.about .left p{width:80%}.about .right h2{margin-top:10%;margin-left:35%}.about .right table{margin-left:10%;width:90%}.project{height:1200px}.project-item{width:60vw;margin-left:20vw}.contact table{width:100vw;margin:0;font-size:1em}}