:root{font-family:Silkscreen,sans-serif;font-family:IM Fell Double Pica SC,serif;font-family:Cinzel,serif;font-family:Open Sans,sans-serif;font-family:Roboto Slab,serif;--main-color: rgb(255, 228, 201);--secondary-color: rgb(233, 162, 171);--gradient-color: rgb(241, 180, 189);--tertiary-color: rgb(255, 247, 241);--fourth-color: rgb(255, 247, 241)}*{color:#484848}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#833939;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.mainBody{display:flex;justify-content:center;align-items:center;margin:0;width:100%;height:100vh;box-sizing:border-box}.background{position:fixed;top:0;left:0;background-color:var(--main-color);background-image:url(/assets/background-lj0m-8LW.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;z-index:-1}.navBarClosed:hover{display:flex;position:fixed;left:0;top:0;box-sizing:border-box;flex-direction:column;justify-content:space-evenly;background-color:var(--secondary-color);padding:0 1%;height:100%;width:14%;transition:all .7s;z-index:10}.navBarClosed{display:flex;position:fixed;left:0;top:0;box-sizing:border-box;flex-direction:column;justify-content:space-evenly;background-color:var(--secondary-color);padding:0 1%;height:100%;width:7.5%;transition:all .7s;z-index:10}.navBarClosed #arrow{position:fixed;top:5%;left:7%;transition:top .7s,left .7s}#arrow:hover{cursor:pointer}.active{color:var(--tertiary-color)}.navBarClosed a{box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#000;height:10%;overflow:hidden;transition:all .4s}.navBarClosed:hover a{box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;text-decoration:none;color:#000;height:10%;padding:0% 7%;transition:all .4s}.navBarClosed a:hover{background-color:var(--gradient-color);box-shadow:0 10px 20px #2222224d}.navBarClosed:hover p{opacity:100%;transition:opacity 1s}.navBarClosed p{opacity:0%;position:absolute}.active{transition:all .8s;box-shadow:inset 0 7px 10px #2222224d}.icon{position:absolute;left:30px;height:40px;width:40px}.card{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;min-width:15%;margin:3%;padding:3%;background-color:var(--secondary-color);border:2px dotted var(--secondary-color);transition:all .4s}.card:hover{cursor:pointer;background-color:var(--main-color);transition:all .4s;border:2px dotted var(--secondary-color)}.header{display:flex}.projectTitle{text-decoration:underline}.projectLink{padding:1%;background-color:var(--tertiary-color);transition:.4s}.projectLink:hover{color:#fff;transition:.4s}.coverLogo{width:30%;max-height:20%}.screenshotContainer{background-color:#923232;position:relative;width:50%}.imageContainer{height:100%;width:100%;overflow:hidden;display:flex}.screenshots{width:100%;height:100%;display:block;flex-shrink:0;flex-grow:0;transition:translate .4s ease-in-out}.arrowDiv{position:absolute;display:flex;align-items:center;bottom:0;top:0;height:100%;width:10%;transition:background-color .4s}.arrowDiv:hover{background-color:#38383856;transition:background-color .4s}.picArrow{position:absolute;padding:2%;width:2em;height:2em}.picArrow:hover{cursor:pointer;animation:squish .4s ease-in-out}@keyframes squish{50%{scale:1.8 .6}}.picNav{position:absolute;display:flex;justify-content:space-between;bottom:.2rem;left:50%;translate:-50%}.dotButton{background-color:var(--fourth-color);padding:0 5%;margin:0 1%;width:15px;height:15px;border-radius:50%}.techWimage{display:flex;align-items:center;justify-content:center;padding:0 3%;margin:0% 1%;box-sizing:border-box;background:linear-gradient(135deg,var(--gradient-color) 0%,var(--secondary-color) 100%);background-color:var(--secondary-color);box-shadow:0 10px 20px #2222224d;transition:box-shadow .3s,scale .3s}.techWimage:hover{box-shadow:0 15px 25px #2226;scale:1.3;transition:box-shadow .3s,scale .3s}.techImg{width:30px;padding-left:5%}.title{width:100%;display:flex;align-items:center;justify-content:space-evenly}.line{width:30%;height:2px;background-color:#000}.homepageDiv{display:flex;flex-direction:column;align-items:flex-start;font-size:1.25em;position:absolute;top:25%;left:30%;width:50%}.hello{font-size:1.5em;margin:2% 0}.name{font-weight:700;color:var(--tertiary-color);margin:0 0 2% 5%;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:rgb(43,43,43)}.intro{margin:0 0 2%}.bio{margin:0}.aboutMeLink{text-decoration:none;margin:2% 0 0;color:var(--main-color);padding:2%;background-color:var(--secondary-color);transition:.4s;box-shadow:0 5px 10px #8c8c8cb0}.aboutMeLink:after{content:" →";opacity:0;color:#252525;transition:all .4s}.aboutMeLink:hover{color:#252525;transition:.4s;scale:1.1}.aboutMeLink:hover:after{opacity:1;transition:all .4s}.skillsPage{position:absolute;left:12.5%;display:flex;flex-direction:column;align-items:center;width:80%;height:100%;margin:0%;box-sizing:border-box}.skillSection{height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start}.mySkills{box-sizing:border-box;width:100%;height:100%}.skillsTitle{padding:0;margin:1% 0;text-decoration:underline}.theSkills{flex-grow:5;height:80%;display:flex;justify-content:left;align-items:start;flex-wrap:wrap;box-sizing:border-box}.ProjectsPage{position:absolute;left:12.5%;top:0;display:flex;flex-direction:column;align-items:center;width:80%}.projects{display:flex;justify-content:space-around;width:100%}.overlay{position:fixed;top:0;left:0;height:100vh;width:200vh;background:#000000b3}.popUpOpen{visibility:visible;transition:all .4s}.popUpClosed{visibility:hidden}.content{position:absolute;text-align:center;display:flex;flex-direction:column;align-items:center;top:10%;left:0%;height:100%;width:100%;background-color:var(--main-color)}.section1{display:flex;height:30%;width:100%;padding:1%;box-sizing:border-box;border:1px solid black}.titleBox{box-sizing:border-box;background-color:var(--secondary-color);width:30%;border-radius:10px}.titleSection{display:flex;justify-content:space-around;align-items:center;box-sizing:border-box;height:30%;padding:5%}.logoImg{max-height:70%;padding-bottom:5%;box-sizing:border-box}.popupDescription{width:70%;box-sizing:border-box;padding-left:1%;text-align:left;font-size:.8rem}.section2{display:flex;justify-content:space-between;height:50%;width:100%;padding:1%;box-sizing:border-box;border:1px solid rgb(84,54,54)}.popupTech{margin:0;width:50%;height:100%}.projectImages{width:50%;height:100%;box-sizing:border-box;border:2px solid black}.popupTech{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box}.links{display:flex;box-sizing:border-box;justify-content:space-evenly;align-items:center;height:20%;width:100%}.popupLink{display:flex;align-items:center;cursor:pointer;height:30%;padding:1%;background-color:var(--secondary-color);text-decoration:none;color:var(--main-color);box-shadow:0 5px 10px #8c8c8cb0;transition:scale .4s,color .4s}.popupLink:after{content:" →";opacity:0;transition:opacity .4s}.popupLink:hover{color:#292929;scale:1.1;transition:scale .4s,color .4s}.popupLink:hover:after{opacity:1;transition:opacity .4s}.closePop{position:absolute;top:7%;left:98%;height:3rem;width:3rem;cursor:pointer;background-color:var(--secondary-color);border-radius:50%;z-index:2}.closePop:hover{background-color:var(--tertiary-color);transition:background-color .2s}.aboutPage{position:absolute;left:12.5%;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}.bioContainer{display:flex;background-color:var(--secondary-color);background:linear-gradient(135deg,var(--gradient-color) 0%,var(--secondary-color) 100%);width:100%;max-height:40%;margin:1% 0%;padding:1%;transition:all .4s}.bioContainer:hover{transition:all .4s;color:#fff}.aboutPage img{border:2px solid var(--tertiary-color);max-width:30%;margin:1%}.aboutHeader{padding:0;margin:0;text-decoration:underline}.valuesSection{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.value{display:flex;text-align:center;align-items:center;padding:1%;margin:1%;height:20%;border:5px double var(--main-color)}.contactsPage{position:absolute;left:15%;width:70%;display:flex;flex-direction:column;align-items:center}.contactTitle{margin-top:5%;width:100%;height:10%;display:flex;align-items:center;justify-content:center}.contactsBox{display:flex;flex-direction:column;align-items:center}.linkedIn{display:flex;align-items:center}.linkedInIcon{height:150%;width:150%;margin-left:auto;margin-right:auto}