*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;overscroll-behavior:none}body{background-color:#4d4d4d}a{text-decoration:none!important}canvas{position:fixed;top:0;left:0;z-index:-1}.container{height:100%;width:100%;scroll-snap-type:y mandatory;overflow-y:scroll}section{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;font-family:Cabin,sans-serif;scroll-snap-align:start}.card{position:absolute;height:calc(100vh - 2rem);width:50vw;margin:1rem;border-radius:1rem;left:0;top:0;display:flex;flex-direction:column;align-items:center;transition:transform .3s;transform-style:preserve-3d;perspective:1000px}.card h3{position:relative;font-size:3rem;color:#fff;text-align:center;margin-top:1rem;left:23%}h3 span{color:red}div.img{position:relative;left:8%;top:20%;background-image:url(/textures/portfolio_profile.png);background-size:110%;background-repeat:no-repeat;background-position:55% 35%;height:60%;width:88%;border-radius:1rem;box-shadow:3px 3px 24px 3px #0006;transition:transform .3s;transform-style:preserve-3d}div.img:hover{transform:rotate3d(-1,1,0,6deg)}.panel{position:absolute;height:65%;width:40%;margin:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.5rem;font-family:Cabin,sans-serif;border-radius:1rem}.panel h2{font-size:3rem;margin-top:1.5rem;margin-bottom:1rem}.panel p{margin:1.5rem}#panel-scripting{right:0;top:calc(100vh + 25%);background:#5c614a;color:#fff}#panel-automation{left:0;top:calc(200vh + 25%);background:rgb(255,0,0)}#panel-systems{right:0;top:calc(300vh + 25%);background:#5c614a;color:#fff}#panel-web{left:0;top:calc(400vh + 25%);height:70%;background:rgb(255,0,0)}#section-contact{display:block}.btn-container{position:relative;left:1rem;top:1rem;height:calc(100% - 2rem);width:50vw;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.email,.linked-in,.github{position:relative;color:#000;right:1rem;font-family:Cabin,sans-serif;font-size:1.5rem;padding-right:1rem;padding-left:2rem;padding-top:4%}.cta{margin:1rem;background:rgb(255,255,255);height:10%;width:30%;display:flex;align-items:center;justify-content:space-around}.icon{color:#000;padding-left:1rem;font-size:2rem}.cta-button{cursor:pointer;border-radius:2rem;text-align:center}.cta-email{border-style:solid;border-color:red;transition:all .2s ease-in-out}.cta-email:hover{border-color:transparent;background:rgb(255,0,0);transform:scale(1.05)}.cta-linked-in{border-style:solid;border-color:#5c614a;transition:all .2s ease-in-out}.cta-linked-in:hover{border-color:transparent;background:#5c614a;transform:scale(1.05)}.cta-github{border-style:solid;border-color:red;transition:all .2s ease-in-out}.cta-github:hover{border-color:transparent;background:rgb(255,0,0);transform:scale(1.05)}