body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.home{background-color:#fae2b5;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:auto;padding:20px;transition:box-shadow .3s,background-color .3s,-webkit-transform .3s;transition:box-shadow .3s,transform .3s,background-color .3s;transition:box-shadow .3s,transform .3s,background-color .3s,-webkit-transform .3s;width:90%}@media only screen and (max-width:1024px){.home{width:90%}}@media only screen and (max-width:512px){.home{width:100%}}.dark-mode-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 15px;transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,transform .3s;transition:background-color .3s,transform .3s,-webkit-transform .3s}.dark-mode-button:hover{background-color:#555;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.dark-mode{background-color:#333;color:#fff}.button-container{position:absolute;right:20px;top:20px;transition:top .3s ease;z-index:999}.header{align-items:center;justify-content:space-between;padding:12px;position:relative}.header,.menu{display:flex;flex:1 1}.menu{background-color:#f0ab7e 1);justify-content:flex-end}.menu-icon{font-size:24px}.mobile-menu{display:none}.logo,.web-menu{display:flex}.logo{color:blue;font-size:36px;font-weight:800}@media only screen and (max-width:720px){.mobile-menu{display:flex}.web-menu{display:none}.logo{font-size:24px}}.mobile-option{display:flex;font-size:24px;margin:12px 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .3s ease}.mobile-option a{color:blue;display:flex;text-decoration:none;transition:color .3s ease}.mobile-option:hover{-webkit-transform:translateZ(10px);transform:translateZ(10px)}.mobile-option a:hover{color:red}.web{background-color:#f2f2f2;flex:1 1;padding:10px}.web,.web-option{align-items:center;display:flex}.web-option{cursor:pointer;font-size:20px;font-weight:700;margin-right:16px;position:relative;transition:all .3s ease}.web-option a{border:2px solid transparent;border-radius:5px;color:blue;display:inline-block;padding:10px 20px;text-decoration:none;transition:all .3s ease}.web-option a:hover{border-color:blue;color:red;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.body{padding:12px 12px 36px}.about{padding-bottom:48px}.about-top{align-items:center;display:flex;justify-content:space-between}.picture{height:480px}.about-info{font-size:24px}.info-name{color:#000;font-size:32px}@media only screen and (max-width:720px){.about-top{align-items:center;flex-direction:column;justify-content:center}.picture{height:280px}.about-info{font-size:20px}.info-name{font-size:26px}}.social-contact{align-items:center;display:flex;justify-content:center}.social-icon-div{cursor:pointer;margin:6px;padding:6px}.social-icons{height:40px}@media only screen and (max-width:720px){.social-icons{height:32px}}.separator{background-image:linear-gradient(to right top,#3654e7,#5c52e9,#874feb,#914aeb,#a745ea,#7d68fb,#4d7fff,#0091ff,#00acfd,#00bdd9,#00c8a3,#6bcc70);border-radius:3px;height:6px;margin:16px 0;width:40%}.project-card{flex:1 1;justify-content:space-between;margin:16px 0;padding:8px 0}.project-photo{width:40%}.project-info{margin-right:24px}.project-title{font-size:20px;font-weight:600}.project-tags{display:flex;flex-wrap:wrap;max-width:60%}.tag{background-color:blue;border-radius:4px;margin-bottom:4px;margin-right:6px;padding:4px 8px}.project-links a{color:#000}.project-links{display:flex;margin-top:6px}.link-button{background-color:blue;border-radius:4px;font-size:16px;justify-content:center;margin-right:6px;padding:4px 8px;width:-webkit-max-content;width:max-content}.link-button,.link-button i{align-items:center;display:flex}.link-button i{-webkit-mask-repeat:4px;mask-repeat:4px}@media only screen and (max-width:720px){.project-photo{width:70%}.project-card{flex-direction:column-reverse}.project-info{margin-left:0;margin-top:12px}.project-tags{max-width:100%}}.project-card{background-color:orange;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-perspective:1000px;perspective:1000px;position:relative;transition:box-shadow .3s,-webkit-transform .5s;transition:transform .5s,box-shadow .3s;transition:transform .5s,box-shadow .3s,-webkit-transform .5s}.project-info{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.project-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);-webkit-transform:rotateY(5deg);transform:rotateY(5deg)}.project-card{align-items:center;background:linear-gradient(135deg,#00bcd4,#ff00a2);border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.1);display:flex;justify-content:center;padding:20px;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s}.project-info{color:#fff;text-align:center}.project-links a{color:#fff;text-decoration:none;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s}.project-links a:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-photo{border-radius:10px;max-width:300px;width:100%}.tag{background:hsla(0,0%,100%,.2);border-radius:5px;margin:5px;padding:6px 10px}.projects{display:flex;flex:1 1;flex-direction:column}.skills{display:flex;flex-direction:column;width:100%}.skills-section{display:flex;justify-content:space-between;margin:12px 0}.skills-section-title{font-size:24px;font-weight:600}.skills-list{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:70%}@media only screen and (max-width:720px){.skills-list{justify-content:center;max-width:100%}.skills-section{align-items:center;flex-direction:column}}.skill-card{align-items:center;border-radius:8px;display:flex;flex-direction:column;height:120px;justify-content:center;margin:6px;padding:8px 16px;width:-webkit-max-content;width:max-content}.skill-icon{font-size:80px}.skill-name{font-size:18px}@media only screen and (max-width:1024px){.skill-card{height:100px;width:-webkit-max-content;width:max-content}.skill-icon{font-size:60px}}.work{display:flex;flex-direction:column;width:100%}.work-list{flex-wrap:wrap;margin:24px 0}.work-card,.work-list{align-items:center;display:flex;justify-content:space-between}.work-card{flex-direction:row-reverse;margin-top:16px;padding:8px;width:45%}.work-logo{height:80px}.work-info{align-items:flex-start;display:flex;flex-direction:column}.work-dates{color:#000}.work-desc{-webkit-line-clamp:2;-webkit-box-orient:horizontal;display:-webkit-box;max-width:80%;overflow:hidden;text-align:left;text-overflow:ellipsis}@media only screen and (max-width:720px){.work-card{width:100%}}.contact{display:flex;flex:1 1;flex-direction:column}.section-title{font-size:32px;font-weight:700}.contact-container{flex:1 1;text-align:center}.contact-container,.footer{display:flex;justify-content:center}.footer{align-items:center;margin-top:24px;padding:12px}
/*# sourceMappingURL=main.8feb5079.css.map*/