*{box-sizing:border-box}:root{--desktop-width: 900px;--mobile-width: 300px }html,body{scroll-behavior:smooth!important;overflow-x:hidden}#App{background-color:#000;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 900px){::-webkit-scrollbar{width:10px}}@media screen and (max-width: 900px){::-webkit-scrollbar{width:7px}}::-webkit-scrollbar-thumb{background:rgb(50,50,50);border-radius:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}#header{min-width:100vw;max-width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;box-sizing:border-box}.header-desc-text{color:#fff;z-index:1;font-size:16pt;text-align:center;margin-top:2vh}.header-divider{width:500px;border:solid 1px gray;margin-top:2vh}.header-buttons{z-index:1;max-width:var(--desktop-width);margin-top:2vh;display:flex;flex-direction:row;justify-content:space-around;width:300px}.project-button{width:140px;height:40px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;color:#fff;background-color:#33b864;text-decoration:none;border-radius:10px;font-size:16pt}.github-button{width:140px;height:40px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;color:#fff;background-color:#242424;text-decoration:none;border-radius:10px;font-size:16pt}.project:hover{cursor:pointer}#book-img{max-width:32px;max-height:32px}#github-img{max-width:32px;max-height:32px;filter:invert(1)}a{color:#fff;text-decoration:none}.header-down{z-index:1;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:30px;background-color:#fff;position:relative}.header-down:hover{background-color:#33b864;transition:all .5s ease-in}.down-image{filter:invert(1)}@media screen and (min-width: 900px){::-webkit-scrollbar{width:10px}.header-main-text{color:#fff;z-index:1;font-size:46pt;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-desc-text{max-width:var(--desktop-width)}.header-divider{width:500px}.header-down{top:30vh}}@media screen and (max-width: 900px){::-webkit-scrollbar{width:7px}#header{max-height:100vh}.header-main-text{color:#fff;z-index:1;font-size:26pt;font-weight:700;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.header-desc-text{max-width:var(--mobile-width)}.header-divider{width:250px}.header-down{top:25vh}}#details{background-color:#000836;width:100vw;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.details-box{margin-top:2vh;display:flex;justify-content:space-around}.details-text{color:#fff;font-size:14pt}.details-img{width:150px;height:150px;border-radius:75px}.contact-box{display:flex;flex-direction:row;justify-content:space-around}.resume-download{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#33b864}.resume-download:hover{cursor:pointer}h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media screen and (min-width: 900px){.details-box{width:var(--desktop-width);flex-direction:row}.details-text{width:650px}.details-contact{width:500px}.resume-download{width:150px;height:40px;border-radius:10px}}@media screen and (max-width: 900px){.details-box{width:var(--mobile-width);flex-direction:column;justify-content:space-around;align-items:center}.details-text,.details-contact{width:var(--mobile-width)}.resume-download{width:100px;height:40px;border-radius:10px;font-size:12pt;text-align:center}}#resume{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;min-width:100vw;z-index:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-top:10vh}.resume-entry{display:flex;justify-content:space-between;padding-bottom:7vh}.underline{border:1px solid darkblue;height:3px;background-color:#00008b}.subtitle{margin-top:-2vh;display:flex;flex-direction:row;align-items:center;color:#585454}.italic-entry{font-style:italic}.project-link{color:#00f}h3{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.resume-skill{height:40px;display:flex;flex-direction:row;background-color:#242424}.solidity-skill{width:75%;height:100%;background-color:#b34646}.ipfs-skill{width:85%;height:100%;background-color:#b3b146}.typescript-skill{width:90%;height:100%;background-color:#47649b}.react-skill{width:75%;height:100%;background-color:#479b4e}.node-skill{width:75%;height:100%;background-color:#9b8047}.css-skill{width:75%;height:100%;background-color:#83479b}@media screen and (min-width: 900px){.resume-entry{width:var(--desktop-width);flex-direction:row}.resume-entry-sub{width:600px}}@media screen and (max-width: 900px){.resume-entry{width:var(--mobile-width);flex-direction:column}.resume-entry-sub{width:300px}}#contact{width:100vw;background-color:#242424;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding-top:5vh;font-size:16pt}.contact-title{display:flex;flex-direction:row;align-items:center}.mail-icon{width:50px;height:50px}.send-email{width:100px;height:40px;border-radius:10px;background-color:#33b864;font-size:14pt;display:flex;flex-direction:row;justify-content:center;align-items:center}@media screen and (min-width: 900px){.contact-title,.contact-form{width:var(--desktop-width);margin-left:200px}.contact-entry-input{width:600px}.name-section{width:var(--mobile-width)}}@media screen and (max-width: 900px){.contact-title{margin-bottom:20px;text-align:center}.contact-title,.contact-form{width:var(--mobile-width)}.contact-entry-input{width:300px}.name-section{width:var(--mobile-width)}}:root{--green: #54c18a;--teal: #44abc6;--purple: #8347e6;--red: #701420;--black: #202020}.button-icon-black,.button-medium-black,.button-large-black,.button-icon-white,.button-medium-white,.button-large-white,.button-icon-green,.button-medium-green,.button-large-green,.button-icon-teal,.button-medium-teal,.button-large-teal,.button-icon-purple,.button-medium-purple,.button-large-purple,.button-icon-red,.button-medium-red,.button-large-red,.button-icon-light,.button-medium-light,.button-large-light,.button-icon-dark,.button-medium-dark,.button-large-dark,.input-small-light,.input-small-dark,.input-medium-light,.input-medium-dark,.input-width-light,.input-width-dark,.popup-display-light,.popup-display-dark,.toggle-light,.toggle-dark,.toggle-button-light,.toggle-button-dark,.textarea-small-light-border,.textarea-small-dark-border,.textarea-medium-light-border,.textarea-medium-dark-border,.textarea-width-light-border,.textarea-width-dark-border,.dropdown-medium-light,.dropdown-medium-dark,.dropdown-small-light .dropdown-small-dark{border-radius:20px}.icon-mini,.icon-mini-round{min-height:25px;max-height:25px;min-width:25px;max-width:25px}.icon-small,.icon-small-round{min-height:35px;max-height:35px;min-width:35px;max-width:35px}.icon-medium,.icon-medium-round{min-height:60px;max-height:60px;min-width:60px;max-width:60px}.icon-medium-round{border-radius:30px}.icon-large,.icon-large-round{min-height:100px;max-height:100px;min-width:100px;max-width:100px}.icon-large-round{border-radius:50px}.icon-mini-round,.icon-small-round{border-radius:20px}.button-icon-black,.button-medium-black,.button-large-black,.button-icon-white,.button-medium-white,.button-large-white,.button-icon-green,.button-medium-green,.button-large-green,.button-icon-teal,.button-medium-teal,.button-large-teal,.button-icon-purple,.button-medium-purple,.button-large-purple,.button-icon-red,.button-medium-red,.button-large-red .button-icon-light,.button-medium-light,.button-large-light,.button-icon-dark,.button-medium-dark,.button-large-dark{display:flex;flex-direction:row;justify-content:space-around;align-items:center;border:none;cursor:pointer}.button-icon-white:hover,.button-medium-white:hover,.button-large-white:hover,.button-icon-green:hover,.button-medium-green:hover,.button-large-green:hover,.button-icon-teal:hover,.button-medium-teal:hover,.button-large-teal:hover,.button-icon-purple:hover,.button-medium-purple:hover,.button-large-purple,.button-icon-red:hover,.button-medium-red:hover,.button-large-red:hover,.button-icon-light:hover,.button-medium-light:hover,.button-large-light:hover{box-shadow:0 0 .5em 0 var(--black)}.button-icon-black:hover,.button-medium-black:hover,.button-large-black:hover,.button-icon-dark:hover,.button-medium-dark:hover,.button-large-dark:hover{box-shadow:0 0 .5em 0 var(--green)}.button-icon-black,.button-icon-white,.button-icon-green,.button-icon-teal,.button-icon-purple,.button-icon-red,.button-icon-light,.button-icon-dark{min-width:35px;max-width:35px;min-height:35px;max-height:35px}.button-medium-black,.button-medium-white,.button-medium-green,.button-medium-teal,.button-medium-purple,.button-medium-red,.button-medium-light,.button-medium-dark{min-width:100px;max-width:100px;min-height:40px;max-height:40px}.button-large-black,.button-large-white,.button-large-green,.button-large-teal,.button-large-purple,.button-large-red,.button-large-light,.button-large-dark{min-width:150px;max-width:150px;min-height:40px;max-height:40px}.button-icon-black,.button-medium-black,.button-large-black,.button-icon-dark,.button-medium-dark,.button-large-dark{background-color:var(--black);color:var(--green);border:solid 1px var(--green)}.button-icon-white,.button-medium-white,.button-large-white,.button-icon-light,.button-medium-light,.button-large-light{background-color:var(--white);color:var(--black);border:solid 1px var(--black)}.button-icon-green,.button-medium-green,.button-large-green{background-color:var(--green);color:var(--black);border:solid 1px gray}.button-icon-teal,.button-medium-teal,.button-large-teal{background-color:var(--teal);color:var(--black);border:solid 1px gray}.button-icon-purple,.button-medium-purple,.button-large-purple{background-color:var(--purple);color:var(--black);border:solid 1px var(--black)}.button-icon-red,.button-medium-red,.button-large-red{background-color:var(--red);color:var(--green);border:solid 1px var(--black)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-transacting-icon{animation:spin 2s linear infinite}.input-bar-light,.input-bar-dark{border:none;width:calc(100% - 10px)}.input-bar-light:focus,.input-bar-dark:focus{outline:none}.input-bar-dark{background-color:var(--black);color:var(--green)}.input-button-light,.input-button-dark{display:flex;flex-direction:column;justify-content:center;min-width:40px;max-width:40px;min-height:30px;max-height:30px;border-top-right-radius:20px;border-bottom-right-radius:20px;border:none;cursor:pointer}.input-button-light{border-left:1px solid var(--black);background-color:#fff}.input-button-dark{border-left:1px solid var(--green);background-color:var(--black)}.input-button-light:hover{box-shadow:0 0 .5em 0 var(--black)}.input-button-dark:hover{box-shadow:0 0 .5em 0 var(--green)}.input-small-light,.input-small-dark,.input-medium-light,.input-medium-dark,.input-width-light,.input-width-dark{display:flex;flex-direction:row;align-items:center;min-height:30px;max-height:30px;padding-left:10px;box-sizing:content-box}.input-small-light,.input-medium-light,.input-width-light{border:1px solid var(--black)}.input-small-dark,.input-medium-dark,.input-width-dark{border:1px solid var(--green);background-color:var(--black)}.input-small-light,.input-small-dark{min-width:275px;max-width:275px}.input-medium-light,.input-medium-dark{min-width:400px;max-width:400px}.input-width-light,.input-width-dark{width:100%}.popup-display-light,.popup-display-dark,.popup-hide{position:absolute}.popup-display-light,.popup-display-dark{padding:10px}.popup-display-light{border:1px solid var(--black);background-color:#fff}.popup-display-dark{border:1px solid var(--green);background-color:var(--black);color:var(--green)}.popup-hide{display:none}.popup-container-small{min-width:100px;max-width:100px;block-size:fit-content;position:relative}.popup-container-medium{min-width:300px;max-width:300px;block-size:fit-content;position:relative}.toggle-light,.toggle-dark{min-width:45px;max-width:45px;min-height:25px;max-height:25px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.toggle-light{border:solid 1px var(--black)}.toggle-dark{border:solid 1px var(--green);background-color:var(--black)}.toggle-button-light{background-color:var(--black)}.toggle-button-dark{border:var(--black);background-color:var(--green)}.toggle-button-light,.toggle-button-dark{min-height:20px;max-height:20px;min-width:20px;max-width:20px;margin:3px;align-self:center}.textarea-container-mini-light-border,.textarea-container-small-light-border,.textarea-container-mini-dark-border,.textarea-container-small-dark-border,.textarea-container-medium-light-border,.textarea-container-medium-dark-border,.textarea-container-width-light-border,.textarea-container-width-dark-border,.textarea-container-mini-light-borderless,.textarea-container-mini-dark-borderless,.textarea-container-small-light-borderless,.textarea-container-small-dark-borderless,.textarea-container-medium-light-borderless,.textarea-container-medium-dark-borderless,.textarea-container-large-light-borderless,.textarea-container-large-dark-borderless{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px}.textarea-container-mini-light-border,.textarea-container-mini-dark-border,.textarea-container-mini-light-borderless,.textarea-container-mini-dark-borderless{min-width:255px;max-width:255px;min-height:55px;max-height:55px}.textarea-container-small-light-border,.textarea-container-small-dark-border,.textarea-container-small-light-borderless,.textarea-container-small-dark-borderless{min-width:295px;max-width:295px;min-height:55px;max-height:55px}.textarea-container-medium-light-border,.textarea-container-medium-dark-border,.textarea-container-medium-light-borderless,.textarea-container-medium-dark-borderless{min-width:350px;max-width:350px;min-height:55px;max-height:55px}.textarea-container-width-light-border,.textarea-container-width-dark-border{width:100%;min-height:75px;max-height:55px}.textarea-mini-light,.textarea-small-light,.textarea-medium-light,.textarea-width-light,.textarea-mini-dark,.textarea-small-dark,.textarea-medium-dark,.textarea-width-dark{resize:none;border:none;outline:none}.textarea-mini-light,.textarea-mini-dark{min-width:225px;max-width:225px;min-height:40px;max-height:40px}.textarea-small-light,.textarea-small-dark{min-width:275px;max-width:275px;min-height:40px;max-height:40px}.textarea-medium-light,.textarea-medium-dark{min-width:330px;max-width:330px;min-height:40px;max-height:40px}.textarea-width-light,.textarea-width-dark{width:98%;min-height:55px;max-height:55px}.textarea-container-mini-light-border,.textarea-container-small-light-border,.textarea-container-medium-light-border,.textarea-container-large-light-border,.textarea-container-mini-dark-border,.textarea-container-small-dark-border,.textarea-container-medium-dark-border,.textarea-container-width-dark-border{border-radius:20px}.textarea-container-mini-light-border,.textarea-container-small-light-border,.textarea-container-medium-light-border,.textarea-container-large-light-border{border:solid 1px var(--black)}.textarea-container-mini-dark-border,.textarea-container-small-dark-border,.textarea-container-medium-dark-border,.textarea-container-width-dark-border{border:solid 1px var(--green)}.textarea-container-mini-dark-border,.textarea-container-small-dark-border,.textarea-container-medium-dark-border,.textarea-container-width-dark-border,.textarea-container-small-dark-borderless,.textarea-container-medium-dark-borderless,.textarea-container-width-dark-borderless,.textarea-mini-dark,.textarea-small-dark,.textarea-medium-dark,.textarea-width-dark{background-color:var(--black)}.textarea-mini-dark,.textarea-small-dark,.textarea-medium-dark,.textarea-width-dark{color:var(--green)}.textarea-medium-light-border,.textarea-medium-light-borderless,.textarea-medium-dark-border,.textarea-medium-dark-borderless{min-width:350px;max-width:350px;min-height:45px;max-height:45px;resize:none}.textarea-width-light-border,.textarea-width-light-borderless,.textarea-width-dark-border,.textarea-width-dark-borderless{width:100%;min-height:75px;max-height:75px;resize:none}.textarea-mini-dark-border,.textarea-mini-light-border,.textarea-small-dark-border,.textarea-small-light-border,.textarea-medium-light-border,.textarea-medium-dark-border,.textarea-width-light-border,.textarea-width-dark-border{padding:10px}.textarea-mini-light-borderless,.textarea-mini-dark-borderless,.textarea-small-light-borderless,.textarea-small-dark-borderless,.textarea-medium-light-borderless,.textarea-medium-dark-borderless,.textarea-width-light-borderless,.textarea-width-dark-borderless{border:none}.textarea-mini-light-borderless:focus,.textarea-mini-dark-borderless:focus,.textarea-small-light-borderless:focus,.textarea-small-dark-borderless:focus,.textarea-medium-light-borderless:focus,.textarea-medium-dark-borderless:focus,.textarea-width-light-borderless:focus,.textarea-width-dark-borderless:focus{outline:none}.textarea-mini-dark-border,.textarea-mini-dark-borderless,.textarea-small-dark-border,.textarea-small-dark-borderless,.textarea-medium-dark-border,.textarea-medium-dark-borderless,.textarea-width-dark-border,.textarea-width-dark-borderless,.textarea-container-dark{background-color:var(--black);color:var(--green)}.textarea-mini-dark-border .textarea-small-dark-border,.textarea-medium-dark-border,.textarea-width-dark-border,.textarea-container-dark{border:solid 1px var(--green)}.textarea-mini-light::-webkit-scrollbar,.textarea-mini-dark::-webkit-scrollbar,.textarea-small-light::-webkit-scrollbar,.textarea-small-dark::-webkit-scrollbar,.textarea-medium-light::-webkit-scrollbar,.textarea-medium-dark::-webkit-scrollbar,.textarea-width-light::-webkit-scrollbar,.textarea-width-dark::-webkit-scrollbar{width:5px}.textarea-mini-light::-webkit-scrollbar-thumb,.textarea-small-light::-webkit-scrollbar-thumb,.textarea-medium-light::-webkit-scrollbar-thumb,.textarea-width-light::-webkit-scrollbar-thumb{background:var(--black);border-radius:10px}.textarea-mini-dark::-webkit-scrollbar-thumb .textarea-small-dark::-webkit-scrollbar-thumb,.textarea-medium-dark::-webkit-scrollbar-thumb,.textarea-width-dark::-webkit-scrollbar-thumb{background:var(--green);border-radius:10px}.divider-width-light,.divider-width-dark{width:100%}.divider-width-light{border-top:solid 1px var(--black)}.divider-width-dark{border-top:solid 1px var(--green)}.text-light{color:var(--black)}.text-dark{color:var(--green)}.dropdown-small-light,.dropdown-small-dark{min-width:100px;max-width:100px;min-height:25px;max-height:25px}.dropdown-medium-light,.dropdown-medium-dark{min-width:200px;max-width:200px;min-height:35px;max-height:35px}.dropdown-small-dark,.dropdown-medium-dark{color:var(--green);background-color:var(--black);border:solid 1px var(--green)}.dropdown-small-dark:focus,.dropdown-medium-dark:focus{border:solid 1px var(--green)}.topbar{z-index:2;width:100vw;position:fixed;top:0;left:0;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.topbar.header{z-index:2;transition:.2s ease-in}.topbar.hidden{transition:.2s ease-in;z-index:-1}.topbar.black{background-color:#242424}.bar-list{list-style-type:none;display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width: 900px){.bar-list{width:600px}}@media screen and (max-width: 900px){.bar-list{width:300px}}