.project-scroll{display:grid;grid-template-columns:auto 1fr auto;margin-bottom:10px}.project-scroll button{background-color:inherit;border:0;color:var(--txt);font-size:1.5em;padding:5px}.project-name{margin-bottom:0;margin-top:0}.project-type{font-size:.8em}.project-image{height:250px;object-fit:cover;width:100%;border:5px groove var(--txt);margin-left:-5px}.project-tech{font-size:13px;width:fit-content;margin:5px auto 10px}.project-links{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin-top:20px}.passion-icon{font-size:50px}@media screen and (min-width: 1000px){.passion{display:grid;grid-template-areas:"passion-icon passion-details" "passion-name passion-details";grid-template-columns:1fr 3fr;margin:15px 0 30px;column-gap:20px}.passion-icon{font-size:40px;grid-area:passion-icon;margin:0}.passion-name{grid-area:passion-name;margin:0}.passion-details{grid-area:passion-details}}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{background-color:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}input,textarea{color:inherit}div,span,a,h1,h2,h3,h4,h5,h6,p,img,section,header,main,footer,article,input,textarea,ul,ol,li,button,body{margin:0;border:0;padding:0}:root{--txt: rgb(15, 15, 15);--txt2: rgb(40, 40, 40);--bg: rgb(231, 231, 231);--link: rgb(0, 191, 255)}body{padding:5px 8px;color:var(--txt);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg)}h1,h2,h3,h4,h5,h6{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:var(--txt2);margin:.7em 0 .4em}h1{margin:0;text-shadow:2px 2px 2px gray}h2{display:none}p{margin-bottom:.7em}a{font-weight:700}a:hover{color:var(--link)}button{display:block;border:1px var(--txt2) solid;padding:3px;border-radius:5px;color:var(--bg);background-color:var(--txt2)}button:hover{background-color:var(--bg);color:var(--txt2)}button:disabled,button:disabled:hover{background-color:gray;color:#000;border:1px solid gray}.center{text-align:center}.page-header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"my-name presence" "my-title resume";margin-bottom:-5px}.my-title{font-weight:700;color:var(--txt2);margin-bottom:0;grid-area:my-title}.presence{font-size:2em;margin:auto;display:flex;gap:5px}.presence-link{margin-top:-5px;color:var(--txt);padding:0}.resume{grid-area:resume;font-size:.85em;text-align:center;border:1px solid var(--txt);border-radius:5px;background-color:#f5f5f5}.resume:hover{border:1px solid var(--link)}.techbox{display:inline-block;padding:1px 5px 3px;margin:3px;border-top-left-radius:10px;border-bottom-right-radius:10px;box-shadow:3px 3px 2px gray}.tech-master-list{margin-bottom:15px}.gradient-0{background-color:#800053;color:#fff}.gradient-1{background-color:#ec2300;color:#fff}.gradient-2{background-color:orange}.gradient-3{background-color:#e0e000}.gradient-4{background-color:#068000;color:#fff}.gradient-5{background-color:#10baba;color:var(--txt)}.block{margin:20px 0;border-top:1px dotted var(--txt);padding-top:10px}.block:first-of-type{border-top:0;margin-top:10px}.page-footer{font-size:.9em;font-style:italic;margin-top:30px;border-top:1px dotted var(--txt)}@media screen and (min-width: 500px){body{background-color:#f5f5f5}#root{background-color:var(--bg);max-width:500px;margin:auto;padding:5px 20px}}@media screen and (min-width: 1000px){h2{display:block;margin:0 0 15px;border-bottom:1px dotted var(--txt)}body{padding:0;background-color:var(--bg)}#root{max-width:none;margin:0;padding:20px 0 0}.page-header,.page-main{max-width:1200px;margin:0 auto}body{padding:0 0 30px}.page-main{display:grid;grid-template-areas:"tech tech" "projects passions";grid-template-columns:1fr 1fr;column-gap:100px}.tech-block{grid-area:tech;margin:0}.tech-master-list{margin:0}.project-block{grid-area:projects}.passions-block{grid-area:passions}.block{border:0}.page-footer{position:fixed;bottom:0;width:100%;text-align:center;border:0}}