:root{--font-cursive: "Damion";--font-general: "Fredoka";--weight-heavy: 800;--main-red: #EC1D39;--main-darkred: #a20230;--main-white: #FEE3E8}html,body{font-family:var(--font-general);background-color:var(--main-red);color:var(--main-red);box-sizing:border-box;font-size:1.2vw}.home-container{display:flex;align-items:center;flex-direction:column;padding:2vw}.parent-card{display:grid;grid-template-columns:30vw 20vw;height:40vw;overflow:visible;border-radius:2vw}.home-icon-con{gap:.5vw;padding-top:.5vw;width:30%;overflow:hidden;padding-inline:1vw;box-sizing:border-box}.left-img-con{width:100%;padding-inline:0 0 0 1vw;box-sizing:border-box}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.left-card{background-color:var(--main-white);overflow:hidden;padding:8vw 2vw 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-right:.15vw dashed var(--main-red);border-radius:1vw 0 0 1vw}.left-welcome{font-family:var(--font-cursive);font-size:7vw;position:relative;top:1vw}.left-body{font-size:1vw;margin:0 0 1em;text-align:justify;line-height:1.2vw}.left-bottom{margin:0;line-height:1.2vw}.text-bold{font-weight:var(--weight-heavy)}.right-card{background-color:var(--main-red);display:grid;grid-template-rows:repeat(4vw,1fr)}.right-strip{display:flex;justify-content:center;align-items:center;font-size:2vw;border:.15vw dashed var(--main-red);border-right:0px;border-left:0px;background:var(--main-white);cursor:pointer;transition:transform .35s ease,box-shadow .35s ease}.top-strip{border-top:0px;border-right:0px;border-radius:0 1vw 0 0}.bottom-strip{border-bottom:0px;border-right:0px;border-radius:0 0 1vw}.right-strip link{text-decoration:none}.right-strip:hover{font-weight:800;transition:ease-in-out .3s;transform:translate(1.5vw);box-shadow:-.8vw 0 1vw #0003}.right-strip:before{content:"";position:absolute;left:-.8vw;top:0;width:.8vw;height:100%;background:repeating-linear-gradient(to bottom,transparent 0 6px,var(--main-white) 6px 12px);opacity:0;transition:opacity .35s ease}.right-strip:hover:before{opacity:1}.home-raven{width:4vw;margin:0;padding:0;cursor:pointer}.home-raven-wrapper{position:relative;top:6vw;left:19vw;cursor:pointer;z-index:10}.cert-text{color:var(--main-white)}.cert-card-img{width:100%;height:10vw;object-fit:cover;border-radius:.5vw;padding-bottom:1vw}.cert-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--main-white);padding:5vw}.cert-card-inner:hover{transform:translateY(-1vw)}.cert-text{width:75%;padding:0 0 2vw}.cert-card-inner{display:flex;flex-direction:column;align-items:flex-start;width:100%;cursor:pointer;background-color:var(--main-white);border-radius:1vw;padding:2vw;flex-grow:1}.cert-card-text{color:var(--main-red)}.cert-card-outer{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw 4vw;padding:1vw 8vw}.cert-card-inner,.cert-card-inner-con{box-sizing:border-box}.cert-card-inner-con{background-color:var(--main-darkred);border-radius:1vw;display:flex;flex-direction:column;height:100%}.cert-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1vw}.cert-desc.expanded{-webkit-line-clamp:unset}.cert-card-title{font-weight:800;font-size:1.5vw}.cert-card-org{font-style:italic;font-size:1vw}.proj-text{color:var(--main-white)}.proj-card-img{width:100%;height:10vw;object-fit:cover;border-radius:.5vw;padding-bottom:1vw}.proj-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--main-white);padding:5vw}.proj-card-inner:hover{transform:translateY(-1vw)}.proj-text{width:75%;padding:0 0 2vw}.proj-card-inner{display:flex;flex-direction:column;align-items:flex-start;width:100%;cursor:pointer;background-color:var(--main-white);border-radius:1vw;padding:2vw;flex-grow:1}.proj-card-text{color:var(--main-red)}.proj-card-outer{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw 4vw;padding:1vw 8vw}.proj-card-inner,.proj-card-inner-con{box-sizing:border-box}.proj-card-inner-con{background-color:var(--main-darkred);border-radius:1vw;display:flex;flex-direction:column;height:100%}.proj-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1vw}.proj-desc.expanded{-webkit-line-clamp:unset}.read-more{background:none;border:none;color:var(--main-red);cursor:pointer;padding:0;font-size:.85rem;font-style:italic}.read-more:hover{font-weight:600}.proj-card-title{font-weight:800;font-size:1.5vw}.proj-card-org{font-style:italic;font-size:1vw}.about-container{display:flex;align-items:center;justify-content:center;padding:1vw 0;transform:rotate(-5deg);width:80%;margin:0 auto}.about-wrapper{display:flex;flex-direction:column}.about-card-under{height:4vw;width:50vw;background-color:var(--main-darkred);z-index:3;border-radius:0 0 1vw 1vw;position:relative;top:-1vw}.about-card{background-color:var(--main-white);border-radius:1vw;z-index:4;height:30vw;width:50vw;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-card:hover{transform:translateY(1vw)}.about-card-img{display:flex;align-items:center;justify-content:center;padding-right:1vw}.about-myimg{width:15vw;border-radius:1vw}.about-card-text{color:var(--main-red);padding:0 2vw}.about-card-hello{font-family:var(--font-cursive);font-size:8vw;position:relative;top:2vw}.about-card-sub{font-size:.8vw;white-space:pre-line}.about-card-body{width:25vw;text-align:justify;position:relative;top:-4vw}.about-sub-con{display:flex;align-items:center;justify-content:flex-start;padding:1vw 2vw 0;font-size:.8vw}.about-sub-group{width:100%}.home-icon{height:2vw;border-radius:.5em}.home-icon-con{gap:.5vw;padding-top:.5vw;width:100%;overflow:hidden}.icon-track{display:flex;gap:1vw;width:max-content;animation:marquee 30s linear infinite}.about-contacts-con div{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5vw 0}.about-contacts-icon{width:1vw;margin:0 .5vw}.about-raven{width:4vw;margin:0;padding:0;cursor:pointer}.about-raven-wrapper{position:relative;top:8vw;left:17vw;cursor:pointer;z-index:10}.about-hireme{position:relative;top:1vw;left:4vw;cursor:pointer}.show{opacity:1}.hide{opacity:0}.nav-logo{width:4vw;cursor:pointer;padding:0 0 0 4vw;filter:drop-shadow(0 0 .25vw var(--main-red)) drop-shadow(0 0 .5vw var(--main-red))}.nav-left div{display:flex;align-items:center}.nav-title{font-family:var(--font-cursive);color:#fff;font-size:3vw;margin:0 1vw;text-shadow:0 0 .25vw var(--main-red),0 0 .5vw var(--main-red),0 0 .75vw rgba(255,0,0,.6)}.nav-container{position:sticky;top:1vh;z-index:9999}.resume-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--main-white);padding:5vw}.resume-container iframe{height:50vw;width:60%}.resume-text{width:75%;padding:0 0 2vw}.certview-text{color:var(--main-white)}.certview-title{font-weight:800;font-size:5vw;text-align:center;line-height:4vw;padding-bottom:2vw;white-space:pre-line}.certview-desc{font-size:1vw;width:70%;text-align:justify;line-height:1.5vw;white-space:pre-line}.certview-img{width:40vw;max-height:30vw;height:auto;object-fit:contain}.certview-img-con button{display:flex;flex-direction:column;align-items:center;justify-content:center}.certview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--main-white);padding:5vw 10vw}.certview-img-con{padding:2vw;display:flex}.certview-prev{transform:rotate(180deg)}.certview-img-con button img{width:1vw}.certview-img-con button{background:none;border:none;cursor:pointer;padding:1vw;height:5vw;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);transition:background .2s ease,transform .2s ease}.certview-img-con button:hover{background:var(--main-white)}.certview-img{padding:0 1vw;border:solid 1vw var(--main-white);border-radius:0 0 1vw 1vw}.certview-prev-btn{border-radius:1vw 0 0 1vw}.certview-next-btn{border-radius:0 1vw 1vw 0vw}.projview-text{color:var(--main-white)}.projview-title{font-weight:800;font-size:5vw;text-align:center;line-height:4vw;padding-bottom:2vw;white-space:pre-line}.projview-role{font-size:1vw;width:70%;text-align:center;line-height:1.5vw;padding-bottom:1vw;font-style:italic}.projview-desc{font-size:1vw;width:70%;text-align:justify;line-height:1.5vw;white-space:pre-line}.projview-img{width:40vw;max-height:30vw;height:auto;object-fit:contain}.projview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--main-white);padding:5vw 10vw}.projview-img-con{padding:2vw;display:flex}.projview-prev{transform:rotate(180deg)}.projview-prev-btn{border-radius:1vw 0 0 1vw}.projview-next-btn{border-radius:0 1vw 1vw 0vw}.projview-img-con button img{width:1vw}.projview-img-con button{display:flex;flex-direction:column;align-items:center;justify-content:center}.projview-img-con button{background:none;border:none;cursor:pointer;padding:1vw;height:5vw;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);transition:background .2s ease,transform .2s ease}.projview-img-con button:hover{background:var(--main-white)}.projview-img{padding:0 1vw;border:solid 1vw var(--main-white);border-radius:0 0 1vw 1vw}iframe{width:50vw}.footer-con{color:var(--main-white);font-size:1vw;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-icons{display:flex;align-items:center;justify-content:center;gap:.5vw}.footer-wrapper{margin:3vw 0}.footer-img{width:2vw}