@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Poppins&family=Source+Code+Pro:wght@500&display=swap";:root{--mainWhite:azure;--mainGreen: #62a092;--mainGray: #2a2a2a69;--secondaryGray:#2a2a2ac7;--altGray:#161616}canvas{position:absolute;top:0;left:0;z-index:0}.css3d-renderer{position:absolute;top:0;left:0;z-index:1;pointer-events:none}body{padding:0;margin:0;background-color:#0b0b0b;font-family:Montserrat,sans-serif}#my-div{width:100rem;height:50rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#my-div>h1{margin:2rem;text-align:left;width:100%}#header{font-size:10rem;text-shadow:0px 0px 30px #ffffff68,0px 0px 30px #cccccc79;color:azure;opacity:0}#name{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;background-color:#2a2a2a69;padding-left:2rem;padding:2rem;border-radius:1.5rem;font-size:8rem;opacity:0}#navigationContainer{width:100%}#navigation{transition:all 1s ease-out;color:var(--mainWhite);font-size:10rem;font-weight:bolder;width:100%;text-shadow:0px 0px 30px #ffffff68,0px 0px 30px #cccccc79;opacity:0;display:flex;justify-content:space-between;align-items:center}#navigation:hover{transition:all 1s ease-out;color:var(--mainGreen);font-size:10rem;font-weight:bolder;width:100%;margin-left:10rem;text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;cursor:pointer}#learn-text{font-size:6rem;padding-right:40rem;opacity:0}#about-me-container{width:120rem;height:95rem;display:flex;flex-direction:row;align-items:center}#navigation-about-forward{transition:all 1s ease-out;color:var(--mainWhite);font-size:8rem;font-weight:bolder;width:100%;text-shadow:0px 0px 30px #ffffff68,0px 0px 30px #cccccc79;padding-left:2rem}#navigation-about-forward:hover{transition:all 1s ease-out;margin-left:5rem;cursor:pointer;text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;color:var(--mainGreen)}#navigation-about-back{transition:all 1s ease-out;color:var(--mainWhite);font-size:8rem;font-weight:bolder;width:100%;text-align:right;padding-right:2rem;text-shadow:0px 0px 30px #ffffff68,0px 0px 30px #cccccc79}#navigation-about-back:hover{transition:all 1s ease-out;margin-right:5rem;cursor:pointer;text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;color:var(--mainGreen)}#about-me{width:80rem;height:95rem;display:flex;flex-direction:column;align-items:center}#about-title{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;background-color:#2a2a2a69;padding-left:2rem;padding:2rem 10rem 2rem 2rem;border-radius:1.5rem;font-size:4rem;text-align:left}#title-container-about{width:100%;display:flex;justify-content:left;align-items:left}#about-info-container{width:100%;height:50rem;display:flex;justify-content:left;flex-wrap:wrap;gap:2rem}.box{transition:all .5s ease-out;width:35rem;height:35rem;background-color:var(--mainGray);border-radius:3rem;margin-bottom:0;display:flex;justify-content:center;align-items:center}.box:hover{transition:all .25s ease-out;box-shadow:0 0 50px 15px #272727}#box-text{transition:all .5s ease-out;width:35rem;width:73rem;height:25rem;background-color:var(--mainGray);border-radius:3rem}#box-text:hover{transition:all .25s ease-out;box-shadow:0 0 50px 15px #272727}#image-about{transition:all .25s ease-out;width:90%;height:90%;background-image:url(./iowa-UuxgHUGx.jpg);border-radius:3rem;filter:grayscale(100%);opacity:.5}#image-about:hover{transition:all .5s ease-out;filter:grayscale(100%) brightness(1.5);opacity:.5}#image-face{transition:all .25s ease-out;width:90%;height:90%;background-image:url(./me-Dk0W9n0r.jpg);border-radius:3rem;filter:grayscale(100%);opacity:.5;background-position:center;background-size:cover}#image-face:hover{transition:all .5s ease-out;filter:grayscale(100%) brightness(1.5);opacity:.5}#about-me-text{color:var(--mainWhite);padding:2rem;font-size:2.5rem;overflow:hidden;margin-bottom:1rem}#title-text-box{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen)}#about-me-text2{color:var(--mainWhite);padding-left:2rem;padding-right:2rem;margin-top:0;font-size:2.5rem;overflow:hidden}#experience-years{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen)}.transparentAbout{opacity:0}#skills-container{width:100rem;height:100rem;display:flex;flex-direction:column}#skills-total-container{width:100rem;height:100rem;display:flex;flex-direction:row;align-items:center}#my-skills{width:100%;height:20%;display:flex;justify-content:right;align-items:right}#about-skills{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;background-color:#2a2a2a69;padding-right:2rem;border-radius:1.5rem;font-size:4rem;padding:3rem 3rem 3rem 7rem;font-size:6rem;text-align:right}#skills-section-one{background-color:var(--mainGray);width:100%;height:30rem;border-radius:3rem}#skills-text{color:var(--mainWhite);padding:3rem;font-size:4rem;overflow:hidden}#skills-text-highlight{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579}#skills-circle-container{width:100%;margin-top:3rem;height:40rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5rem}.skill{background-color:var(--mainGray);width:16rem;height:17rem;border-radius:3rem;margin:0;display:flex;justify-content:center;align-items:center}#skill-header,#skill-header2{background-color:var(--mainGray);width:28rem;height:17rem;border-radius:3rem;margin:0;text-align:center;display:flex;align-items:center;justify-content:center}#skill-header-one{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;font-size:4rem}#skill-header-two{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;font-size:3.8rem}#skills-section-three{width:100%;height:8rem;border-radius:3rem}#reveal-skill-info{font-size:2.6rem;width:0;overflow:hidden;height:inherit;white-space:nowrap;font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579}#skills-text2{color:var(--mainWhite);padding:3rem;font-size:2.6rem;overflow:hidden}#project-column-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}#left-column-project{width:100%;height:70%;gap:2rem;border-radius:1.5rem;background-color:var(--mainGray);display:flex;justify-content:center;align-items:center}#right-column-project{width:100%;height:30%;border-radius:1.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}#project-image-container{width:70%;height:70%;background-color:var(--mainGray);opacity:1;border-radius:1.5rem;background-image:url(./driftcentral-Cludke-o.png);background-size:cover;background-position:center;width:100%;height:100%;filter:grayscale(100%) brightness(.75);border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .5s ease-out}#project-image-container:hover{transition:all .5s ease-out;filter:grayscale(100%) brightness(1);opacity:.75}#project-image:hover+#project-title{transition:all .5s ease-out;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579}#project-text-container{margin-top:4rem;width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--mainGray);border-radius:1rem}#project-title,#year-project{z-index:1;font-size:3rem;font-family:Source Code Pro,monospace;transition:all;color:var(--mainWhite);text-shadow:0px 0px 30px #ffffff68,0px 0px 30px #cccccc79;text-align:center;padding:1rem;border-top-right-radius:1rem;border-bottom-right-radius:1rem;transition:all .5s ease-out}#project-button-container{width:100%;display:flex;justify-content:center;gap:6rem}.project-button{width:20.5rem;height:5rem;text-shadow:0px 0px 30px #ffffff68,0px 0px 30px #cccccc79;text-align:center;border-radius:1rem;display:flex;justify-content:center;align-items:center;font-size:2.6rem;color:var(--mainWhite);font-weight:700;cursor:pointer;transition:all .3s ease-out;font-family:Source Code Pro,monospace}.project-button:hover{text-shadow:0px 0px 60px #ffffff68,0px 0px 60px #cccccc79;font-family:Source Code Pro,monospace;transition:all .25s ease-out}#project-description{color:var(--mainWhite);font-size:2.5rem;width:60rem;height:100%;text-align:center;background-color:var(--mainGray);border-radius:1.5rem;display:flex;justify-content:center;align-items:center}#project-description-text{padding:3rem;text-align:left}#small-project-container{height:100%;width:40rem;display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:2rem}#project-tech{color:var(--mainWhite);font-size:2.5rem;width:100%;height:11rem;text-align:center;background-color:var(--mainGray);border-radius:1.5rem;display:flex;justify-content:center;align-items:center}#project-tech-text{font-size:2.4rem;width:80%;text-align:left}#project-ach{color:var(--mainWhite);font-size:2.4rem;width:100%;height:11rem;text-align:center;background-color:var(--mainGray);border-radius:1.5rem;display:flex;justify-content:center;align-items:center}#wrapper-project-desc{height:100%;width:60rem;display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:2rem}#tech-title{color:var(--mainWhite);font-size:2.6rem;background-color:var(--mainGray);width:100%;display:flex;justify-content:left;align-items:center;border-radius:1.5rem;height:7rem}#tech-title-text{padding-left:2rem;text-align:left;font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579}#project-desc-text,#project-ach-text{padding:3rem}#project-tech-text{padding:2rem}.highlight{transition:all .25s ease-out}.highlight:hover{transition:all .25s ease-out;box-shadow:0 0 50px 15px #272727}#navigation-skill-forward{transition:all 1s ease-out;color:var(--mainWhite);font-size:12rem;font-weight:bolder;width:100%;text-shadow:0px 0px 30px #ffffff68,0px 0px 30px #cccccc79;padding-left:2rem;margin-top:25rem}#navigation-skill-forward:hover{transition:all 1s ease-out;margin-left:5rem;cursor:pointer;text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;color:var(--mainGreen)}#navigation-skill-back{transition:all 1s ease-out;color:var(--mainWhite);font-size:12rem;font-weight:bolder;width:100%;text-align:right;padding-right:2rem;text-shadow:0px 0px 30px #ffffff68,0px 0px 30px #cccccc79;margin-top:25rem}#navigation-skill-back:hover{transition:all 1s ease-out;margin-right:5rem;cursor:pointer;text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;color:var(--mainGreen)}#contact-container{width:120rem;height:95rem;display:flex;flex-direction:row;align-items:center}#about-contact{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;background-color:#2a2a2a69;padding-left:2rem;padding:3rem 7rem 3rem 3rem;border-radius:1.5rem;font-size:4rem;font-size:6rem;text-align:left;margin:0}#title-container-skills{width:100%;display:flex;justify-content:right;align-items:center}#title-container-contact{width:100%;margin:0;display:flex;justify-content:left;align-items:center}#about-contact-container{width:100%;height:40rem;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:2rem}#contact-me{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}#contact-information-box{width:100%;height:100%;display:flex;flex-direction:row}#contact-info{width:100%;height:40rem;background-color:var(--mainGray);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}#contact-info-text{color:var(--mainWhite);padding-left:3rem;font-size:3.5rem;overflow:hidden}#connect-container{width:100%;height:18rem;border-radius:1.5rem;display:flex;justify-content:right;align-items:center;gap:2rem}#connect-title{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);height:8rem;text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;background-color:#2a2a2a69;padding-left:0rem;padding:3rem;border-radius:1.5rem;font-size:4rem;text-align:right;display:flex;justify-content:center;align-items:center;width:60rem}.contact-btn{background-color:var(--mainGray);width:23.2rem;height:14rem;border-radius:1.5rem;display:flex;justify-content:center;align-items:center}#contact-info-text2{color:var(--mainWhite);padding-left:3rem;font-size:3.5rem;overflow:hidden;text-align:left}#contact-info-text3{color:var(--mainWhite);font-size:3rem;text-align:left;width:100%;height:20rem;border-radius:1.5rem;gap:2rem;background-color:var(--mainGray);display:flex;flex-direction:column;align-items:center}#contact-info-text4{color:var(--mainWhite);padding-top:3rem;padding-left:6rem;font-size:3rem;text-align:left;width:100%;height:2rem;border-radius:1.5rem;margin:0}#current-project{width:50rem;height:100%;display:flex;padding:3rem;flex-direction:column;justify-content:center;align-items:center;background-color:var(--mainGray);text-align:center;font-size:3.5rem}#contact-info-text5{font-family:Source Code Pro,monospace;transition:all;color:var(--mainGreen);text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;text-align:left;width:100%;padding-left:6rem;text-decoration:underline dotted var(--mainGreen);text-decoration-thickness:3px;text-underline-offset:10px;animation:underline-glow 1.5s infinite alternate;padding-top:2rem}@keyframes underline-glow{0%{text-decoration-color:var(--mainGreen);text-shadow:0 0 10px var(--mainGreen)}to{text-shadow:0 0 20px var(--mainGreen),0 0 30px var(--mainGreen)}}#new-project-container{display:flex;justify-content:center;align-self:center}.image-contact-btn-container{width:50%;height:100%;display:flex;justify-content:center;align-items:center}#linked-img{width:10rem;height:10rem;background-image:url(./linkedin-CbsKFlKw.png);background-size:cover;background-position:center;border-radius:1.5rem;filter:grayscale(0%) brightness(100%) invert(1);opacity:.75;transition:all .5s ease-out}#linked-img:hover{transition:all .5s ease-out;filter:grayscale(0%) brightness(1.5) invert(1);opacity:1}#email-img{width:10rem;height:10rem;background-image:url(./email2-C2rKsnDy.png);background-size:cover;background-position:center;border-radius:1.5rem;filter:grayscale(0%) brightness(100%) invert(1);opacity:.75;transition:all .5s ease-out}#email-img:hover{transition:all .5s ease-out;filter:grayscale(0%) brightness(1.5) invert(1);opacity:1}#github-img{width:10rem;height:10rem;background-image:url(./github-0c9pGwJk.png);background-size:cover;background-position:center;border-radius:1.5rem;filter:grayscale(0%) brightness(100%) invert(1);opacity:.75;transition:all .5s ease-out}#github-img:hover{transition:all .5s ease-out;filter:grayscale(0%) brightness(1.5) invert(1);opacity:1}#resume-img{width:11rem;height:10rem;background-image:url(./resume2-BLYPThOI.png);background-size:cover;background-position:center;border-radius:1.5rem;filter:grayscale(0%) brightness(100%) invert(1);opacity:.75;transition:all .5s ease-out}#resume-img:hover{transition:all .5s ease-out;filter:grayscale(0%) brightness(1.5) invert(1);opacity:1}#navigation-contact-back{transition:all 1s ease-out;color:var(--mainWhite);font-size:12rem;font-weight:bolder;width:100%;text-align:right;padding-right:2rem;text-shadow:0px 0px 30px #ffffff68,0px 0px 30px #cccccc79}#navigation-contact-back:hover{transition:all 1s ease-out;margin-right:5rem;cursor:pointer;text-shadow:0px 0px 30px #34814a68,0px 0px 30px #28584579;color:var(--mainGreen)}.transparentSkills,.transparentContact{opacity:0}#bottom-container{position:fixed;bottom:0;left:0;width:100%;height:5rem;display:flex;justify-content:center;align-items:center;z-index:10}#bottom-navigation{font-family:Source Code Pro,monospace;width:40%;height:5rem;display:flex;justify-content:space-between;align-items:center;z-index:10;color:#fff;font-size:1rem;letter-spacing:1px;box-shadow:0 -2px 5px #00000080}.nav-item{cursor:pointer;padding:1rem 2rem;transition:color .3s ease,transform .3s ease;color:#ffffff4d}.nav-item:hover{color:#62a09280;transform:scale(1.05)}@media screen and (max-width: 900px){.nav-item{display:none}}