body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dev-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow-x:hidden;width:100%}.about-dev,.dev-cards-container,.dev-content h3{max-width:95vw;padding:20px 50px}.dev-content h3{margin-right:auto}.tools{align-items:center;display:flex;gap:10px}.tools p{color:#888;font-family:Courier New,Courier,monospace;font-weight:800}.about-dev p{max-width:700px}.about-dev{border-bottom:1px solid;border-image:linear-gradient(90deg,#fff,#000) 1;margin-left:0;margin-right:auto}.dev-cards-container{display:flex;flex-direction:row;gap:2rem}.dev-card{background-position:50%;background-size:cover;border:1px solid #fff;display:flex;filter:grayscale(.8);flex-direction:column;height:500px;justify-content:space-between;max-width:900px;overflow:hidden;position:relative;transition:filter .3s ease-in-out;width:90vw}.dev-card:hover{filter:grayscale(0)}.dev-card-info{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-image:linear-gradient(180deg,rgba(0,0,0,.755),#000c);display:flex;height:80px;justify-content:space-around;width:100%}.dev-card-info p{padding-right:50px}.dev-buttons{display:flex;justify-content:space-around;overflow:hidden;padding:20px;position:relative}.dev-buttons:before{background:#fff;bottom:0;-webkit-clip-path:polygon(0 100%,100% 0,100% 100%);clip-path:polygon(0 100%,100% 0,100% 100%);content:"";height:100%;left:0;position:absolute;right:0;transition:.3s;z-index:0}.dev-card:hover .dev-buttons:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.5}.dev-buttons a{background:#000;border:1px solid #fff;color:#fff;margin-right:10px;padding:10px 20px;position:relative;text-decoration:none;transition:.3s;z-index:1}.dev-buttons a:hover{background:#fff;border-color:#eaeaea;color:#000;cursor:pointer}.dev-buttons a:active{background-color:#222;color:red}@media (max-width:1200px){.dev-cards-container{flex-direction:column}.dev-card-info{padding-inline:15px}}.soundcloud-player{display:flex;flex-direction:row;gap:10px;height:600px;margin:10px auto;max-width:1200px}.soundcloud-player iframe{border:1px solid #000;height:100%;min-width:600px}@media screen and (max-width:1200px){.soundcloud-player{flex-direction:column}.soundcloud-player iframe{min-width:100vw}}.music-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.music-header{margin:0 auto;max-width:55vw;padding:10px 50px;text-align:center}.music-header h2{background:#000;color:#fff}.artist-paragraph{margin:auto;max-width:700px;padding:20px 50px}.music-social-icons{align-items:center;bottom:20px;display:flex;gap:10px;justify-content:center;right:20px}.music-social-icons a{color:inherit;font-size:24px;text-decoration:none}.music-social-icons a:hover{color:red}@media screen and (max-width:1200px){.artist-paragraph{align-items:center;display:flex;justify-content:center;margin:0;min-width:100%;padding:10px 0}}.sidebar{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='20' height='30' patternTransform='rotate(145) scale(2)'%3E%3Crect width='100%25' height='100%25' fill='hsla(0, 0%25, 0%25, 1)'/%3E%3Cpath d='M0 10h20z' stroke-width='17' stroke='hsla(0, 0%25, 100%25, 1)' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' fill='url(%23a)'/%3E%3C/svg%3E");background-position:50% 50%;background-repeat:no-repeat;background-size:auto 150%;border-radius:2px;box-shadow:0 4px 8px #0000001a;height:100vh;left:0;position:absolute;text-align:center;width:170px;z-index:10}.sidebar-content{display:flex;flex-direction:column;float:right;height:100%;justify-content:space-between;width:100%}.summary{margin-left:auto;width:150px}h1 span{color:#fff;display:flex;font-size:2.5rem;left:160px;position:absolute;top:10px;writing-mode:vertical-lr}.sidebar h1,.social-icons{background:#000;color:#fff;margin-block:-4px;padding-block:90px}.sidebar p{background:#000;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 38%);clip-path:polygon(0 0,100% 0,100% 100%,0 38%);color:#fff;font-size:1.3rem;font-weight:400;margin-block:-5px;padding-bottom:200px;padding-top:20px}.center-image{border-bottom:5px solid #000;max-width:150px}.footer{background:#000;color:#fff;display:flex;font-size:14px;justify-content:center;width:100%}.sidebar.mobile:not(.open){margin-top:-40px}.sidebar.mobile:not(.open):after{background:#000;bottom:0;color:#fff;content:"\2193";font-size:2.1rem;font-weight:900;left:50%;position:absolute;text-align:center;transform:translate(-50%)}.sidebar.mobile:not(.open) .sidebar-content{display:none}.sidebar.mobile.open{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between}@media (max-width:900px){.center-section{cursor:pointer;height:50px;width:100%}h1 span{color:#fff;display:flex;font-size:2.5rem;justify-content:center;position:static;writing-mode:horizontal-tb}.center-image{max-width:100%}.summary{width:100%}.sidebar.mobile{align-items:center;flex-direction:column;height:80px;justify-content:space-between;position:fixed;width:100%}}body,html{margin:0;padding:0}*{font-family:Montserrat}.split-screen{display:flex;flex-direction:column;min-height:100vh;position:relative}.left-side{border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#000,#fff) 1}.left-side:not(.full-screen),.right-side:not(.full-screen){background-color:#000;color:#fff}.left-side:hover,.right-side:hover{background:#ca1d1d}.left-side,.right-side{cursor:pointer;flex:1 1;overflow:hidden;position:relative;transition:all .5s ease}.left-side:hover .overlay,.right-side:hover .overlay{border-radius:5px;color:#000}.overlay{display:flex;flex-direction:row;left:50%;opacity:1;padding:5px;position:absolute;text-align:center;top:50%;transform:translate(-35%,-50%);transition:all .5s ease;visibility:visible;z-index:5}.overlay-text{margin-inline:50px}.overlay-icons{font-size:100px}.overlay.hidden{opacity:0;visibility:hidden}.dev-selected,.music-selected{height:100vh;overflow-y:auto}.dev-selected{background-color:#000;color:#fff}.music-selected{background-color:#fff;color:#000}.full-screen{align-items:center;display:flex;height:100vh;justify-content:center;position:fixed;transition:all .5s;width:100vw;z-index:15}.dev-content{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.visible{opacity:1;transition-delay:0s;visibility:visible}.close-button{color:red;cursor:pointer;font-size:30px;position:fixed;right:10px;top:10px;z-index:20}.mail-button{background:#fff;border:1px solid #fff;margin-bottom:10px;padding:10px 20px}.mail-button:hover{background:#222;color:#fff}.pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='20' height='30' patternTransform='rotate(145) scale(2)'%3E%3Crect width='100%25' height='100%25' fill='hsla(0, 0%25, 0%25, 1)'/%3E%3Cpath d='M0 10h20z' stroke-width='17' stroke='hsla(0, 0%25, 100%25, 1)' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800%25' height='800%25' fill='url(%23a)'/%3E%3C/svg%3E");background-size:auto 150%;height:30px;width:100%}@media screen and (max-width:900px){.overlay{align-items:center;flex-direction:column;justify-content:center;transform:translate(-50%,-50%);width:80%}}
/*# sourceMappingURL=main.2158630b.css.map*/