section{display:flex;flex-direction:column;align-items:center;width:100%;margin:auto;max-width:600px}.myself{width:250px;height:250px;margin-top:40px}.myself img{object-fit:cover;object-position:0% 10%;width:100%;height:100%;border-radius:10px}.pic{box-shadow:0 6px 4px #999}h1{margin-top:20px;font-size:32px}h3{color:#444;font-size:20px}p{text-align:center;max-width:90%;margin-top:20px;font-size:20px;color:#444;text-wrap:pretty}h2{margin-top:20px;font-size:32px}.interactive-button{width:50px;height:50px;border-radius:50%;background-color:#141414;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #b4a0ff41;cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative;margin-top:15px}.svgIcon{width:12px;transition-duration:.3s;transform:rotate(180deg)}.svgIcon path{fill:#fff}.interactive-button.touch{width:140px;border-radius:50px;transition-duration:.3s;background-color:#b5a0ff;align-items:center}.interactive-button.touch .svgIcon{transition-duration:.3s;transform:translateY(200%) rotate(180deg)}.button-text{opacity:0;color:#fff;position:absolute}.interactive-button.touch .button-text{opacity:1}.interactive-button:before{position:absolute;bottom:-20px;color:#fff;font-size:0px}.interactive-button.touch:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.3s}.projects{scroll-snap-type:x mandatory;overflow-x:hidden;will-change:transform;-ms-scroll-snap-type:mandatory;-webkit-overflow-scrolling:touch;position:relative}.cards-container{width:fit-content;max-width:450px;height:525px;scroll-snap-type:x mandatory;white-space:nowrap;overflow-x:scroll;display:flex;scroll-behavior:smooth;align-items:center}.cards-container::-webkit-scrollbar,.cards-container::-webkit-scrollbar-track{position:absolute;top:-10000000px}.container-leftarrow,.container-rightarrow{display:none}.skills-container{max-width:600px}.skills{margin-top:20px;width:100%;justify-content:center;gap:20px;padding:0 20px}.skill{font-size:22px;display:flex;align-items:center;text-align:center;gap:5px;padding:0 20px}.skills-graph{max-width:600px;display:flex;flex-wrap:wrap}.tech-skill{text-align:center;display:flex;flex-direction:column;align-items:center;flex:1 1 30%}.skill-img{width:55px;height:auto}.skill input{margin-left:auto}.range:disabled{max-width:400px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:100px;width:50vw}.range:disabled::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none}.esp:disabled{background:linear-gradient(to right,#007bff 0%,#007bff var(--value, 100%),#ccc var(--value, 100%),#ccc 100%)}.eng:disabled{background:linear-gradient(to right,#007bff 0%,#007bff var(--value, 60%),#ccc var(--value, 60%),#ccc 60%)}.contact-info{width:100%;display:flex;flex-direction:column}.email,.phone{display:flex;justify-content:center;gap:5px}.email p,.phone p{-webkit-user-select:text;user-select:text}.contact{margin-bottom:60px}footer{height:50px;width:100%;border-top:2px solid rgba(0,0,0,.3);display:flex;align-items:center;padding:0 20px;justify-content:space-between;bottom:0;position:fixed;background-color:#fff}h1.dark,h2.dark,label.dark{color:#ffffffe6}h3.dark{color:#fff9}p.dark{color:#bebebeb3}.myself .pic.dark,.button.dark{box-shadow:0 6px 4px #000;background-color:#b3a033}footer.dark{background-color:#323232}@media only screen and (min-width: 767px){section{max-width:600px}.projects{width:fit-content}.container-leftarrow,.container-rightarrow{position:absolute;z-index:200;height:50px;cursor:pointer;display:initial}.container-leftarrow:hover,.container-rightarrow:hover{transform:scale3d(1.2,1.2,1)}.container-leftarrow{left:0%;top:50%}.container-rightarrow{right:0%;top:50%}.interactive-button:hover{width:140px;border-radius:50px;transition-duration:.3s;background-color:#b5a0ff;align-items:center}.interactive-button:hover .svgIcon{transition-duration:.3s;transform:translateY(200%) rotate(180deg)}.interactive-button:hover .button-text{opacity:1}.interactive-button:hover:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.3s}}.card{width:300px;height:450px;display:flex;flex-direction:column;text-decoration:none;color:#000;box-shadow:7px 7px 10px 1px #666;border-radius:10px;margin:20px;position:relative;-webkit-user-select:none;user-select:none;scroll-snap-align:none;display:inline-flex;flex-grow:0;flex-shrink:0}.card:first-child{margin-left:80px}.card:last-child{margin-right:80px}.card:focus{outline:none}.card h5{margin:auto;font-size:40px}.card img{margin:auto;box-shadow:5px 5px 10px 2px #000;border-radius:4px;height:300px;width:200px;object-fit:cover}.card p{position:absolute;height:fit-content;width:fit-content;top:18%;left:0;right:0;margin:auto;opacity:0;font-size:18px;font-weight:400;text-shadow:.5px .5px rgba(255,255,255,.2);color:#000}.even{background-color:#c0c5e1}.odd{background-color:#fff399}.cardTouch{box-shadow:none;outline:4px solid #ffcd28;transform:scale3d(1.1,1.1,.3);-webkit-transform:scale3d(1.1,1.1,.3);-moz-transform:scale3d(1.1,1.1,.3);z-index:100}.cardTouch img{transform:perspective(250px) rotateX(10deg) translateY(-5%) translateZ(0);opacity:.5;box-shadow:none;border:2px solid #000}.cardTouch .cardTitle{font-size:42px}.cardTouch .text{opacity:1;transform:translateY(10%)}.card.dark{box-shadow:7px 7px 10px 1px #000}.even.dark{background-color:#727792}.odd.dark{background-color:#a0a070}@media only screen and (min-width: 767px){.card{scroll-snap-align:center}.card:hover{box-shadow:none;outline:4px solid #ffcd28;transform:scale3d(1.1,1.1,.3);-webkit-transform:scale3d(1.1,1.1,.3);-moz-transform:scale3d(1.1,1.1,.3);z-index:100}.card:hover img{transform:perspective(250px) rotateX(10deg) translateY(-5%) translateZ(0);opacity:.5;box-shadow:none;border:2px solid #000}.card:hover .cardTitle{font-size:42px}.card:hover .text{opacity:1;transform:translateY(10%)}}footer div{width:100px}.home-area{display:flex;align-items:center;justify-content:start;gap:20px}.social-media{display:flex;gap:10px;justify-content:center}footer div:last-child{display:flex;justify-content:end}.icon-container{position:relative;display:inline-block;cursor:pointer;background-color:transparent}.icon-container .tooltiptext{visibility:hidden;width:fit-content;background-color:#999;color:#000;text-align:center;border-radius:20px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.icon-container:hover .tooltiptext{visibility:visible;opacity:1}.icon-container .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;border-width:8px;border-style:solid;border-color:#28282817 transparent transparent transparent;transform:translate(-50%)}.icon{height:30px;width:30px;cursor:pointer}#esp,#eng{object-fit:cover;border-radius:100%}.contact-form{display:flex;flex-direction:column;align-items:center;width:80%;max-width:600px;padding:0 10px;gap:10px;margin-top:50px}.contact-form .input{border:none;border-bottom:1px solid #000;width:100%;max-width:350px;padding:0 10px;height:30px;background-color:transparent}#message{width:100%;max-width:350px;min-height:50px;height:auto;resize:none;padding:5px;overflow:hidden;transition:0s;background-color:transparent;border-radius:5px}.submit-area{display:flex;justify-content:center;width:80%;align-items:center;gap:10px}#submit{border:none;padding:0;width:fit-content;max-width:fit-content;height:fit-content}.submit{width:fit-content;font-size:20px;cursor:pointer;background-color:transparent;border:none}.submit-img{cursor:pointer;font-size:20px;display:flex;align-items:center}.error{color:#000;background-color:#c0c5e1;padding:5px;border-radius:5px;text-shadow:1px 1px #fff}.input.dark{color:#8c8c8c;background-color:transparent}.submit.dark{color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica;-webkit-user-select:none;user-select:none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{display:flex;flex-direction:column;width:100vw;gap:50px}.main-body.dark{background-color:#000c}@media only screen and (min-width: 767px){body{overflow-x:hidden}}