.projects-page::-webkit-scrollbar{width:15px}.projects-page::-webkit-scrollbar-track{border-radius:1px}.projects-page::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:5px;border:1px solid #ffffff7e;height:50px}.instagram-project::-webkit-scrollbar{width:15px}.instagram-project::-webkit-scrollbar-track{border-radius:5px}.instagram-project::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:5px;border:1px solid #ffffff7e;height:50px}h1{font-family:Arial,Helvetica,sans-serif;color:#fff}.projects-page{overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 30px 10px #151515;border-radius:5px;background-color:#5d5d5d33;height:99%;width:98%;margin:10px 10px 10px 0;scroll-snap-type:y mandatory}.inner-projects-container{display:flex;flex-direction:row;width:98%;height:90%}.instagram-project{scroll-snap-align:center;opacity:.1;transition:opacity .3s ease;margin:5px;overflow-x:hidden;overflow-y:auto;padding:10px;background-color:#3737371a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:50%;height:99%;border:1px solid rgba(152,152,152,.2);border-radius:5px;box-shadow:0 0 5px 5px #0003}.instagram-project:hover{opacity:1}@media (max-width: 1200px){.inner-projects-container{flex-direction:column}.instagram-project{min-height:700px;width:95%;margin:10px 0}}.title{border-radius:5px;display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;align-items:center;border:1px solid rgba(165,165,165,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:x-large;font-family:Arial,Helvetica,sans-serif}.images{display:flex;flex-direction:row;padding:0}h2{margin-top:10px;font-weight:100;font-family:Arial,Helvetica,sans-serif}.botimg1{width:400px;height:300px;margin:10px 10px 10px 0}.description{background-color:#212121a0;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(152,152,152,.404);border-radius:10px;max-width:700px;margin-left:5px;margin-top:5px;margin-bottom:5px;font-family:Arial,Helvetica,sans-serif;font-size:medium;padding:20px}h3{font-size:x-large;font-weight:100;margin:20px}.video-demo{height:300px;margin:10px 0 10px 10px}.image-puppet{margin:20px;height:auto;width:50px}.smaller-images{width:227px;max-width:120px;justify-content:center;align-items:center;display:flex;flex-direction:row}.main-methods-img{margin-top:15px;width:500px;height:auto}.parenthesis{font-size:medium}.inner-contact-page-container{height:100%}.title-contact-page{display:flex;align-items:center;justify-content:center;height:10%;width:100%;border-radius:5px;background-color:#ffffff02;border:solid rgba(255,255,255,.133) 1px}.contact-info-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;margin:20px 0 0;font-family:Arial,Helvetica,sans-serif}.contact-info-container p{font-family:Arial,Helvetica,sans-serif;margin:10px}.contact-info-container a{font-family:Arial,Helvetica,sans-serif;margin:10px;text-decoration:underline}@media (min-width: 600px){.contact-info-container p{font-size:xxx-large}.contact-info-container a{font-size:xx-large}}@media (max-width: 599px){.contact-info p,.contact-info a{font-size:medium}}*{color:#fff}*,*:before,*:after,ul,li,a,button,input,h1,h2,h3,h4,h5,h6,p,img,image,video{margin:0;padding:0;box-sizing:border-box;background-color:transparent;border:none;text-decoration:none;font-family:Roboto}.keyboard{margin-top:30px;display:flex;align-items:center;justify-content:center}.keyboard .white-key{width:50px;height:200px;background-color:#fafafa;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000001f;transition:.1s ease-in-out;border-bottom:15px solid #e1e1e1}.keyboard .white-key:hover{transition:.1s ease-in-out;background-color:#f0f0f0;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000001f;border-bottom:2px solid #e1e1e1}.keyboard .black-key{width:20px;height:100px;background-color:#555;margin-left:-10px;margin-right:-10px;position:relative;z-index:999;align-self:flex-start;margin-top:0;border-bottom:5px solid #333;border-left:1px solid #333;border-right:1px solid #333;transition:.1s ease-in-out;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000001f}.keyboard .black-key:hover{transition:.1s ease-in-out;border-bottom:2px solid #333;background-color:#444}.info{margin-top:10px}.info p{font-size:x-large;cursor:default}p span{transition:.5s}p span:hover{margin-right:5px}h2{font-weight:700}.container{flex-direction:column;justify-content:center;box-shadow:0 0 30px 10px #151515;border-radius:5px;background-color:#2f2f2f48;height:95%;width:98%;margin:0 10px 10px;padding:10px;overflow:auto}.header{display:flex;align-items:center;justify-content:center}@media (min-width: 600px){.hobby-images{width:140px}}@media (max-width: 599px){.hobby-images{width:90px}.image-container{width:100%;flex-direction:column}}@media (max-width: 420px){.hobby-images{width:40px}.text-container{font-size:small}}img{width:95%;margin:4px;border-radius:3px;border:none;box-shadow:0,0,40px,#fff}.hobby-container{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.584);border-radius:5px;background-color:#3333333a;height:40%;margin:10px;padding:10px}.text-container{background-color:#2f2f2f2b;padding:5px;margin-right:3px;border-radius:5px;border:1px solid rgba(255,255,255,.136);width:100%;height:100%}.image-container{display:flex;flex-direction:column;border-radius:5px;margin-right:3px;border:1px solid rgba(255,255,255,.411);background:linear-gradient(45deg,#ffffffc6,#fff0);height:100%;width:30%;align-items:center;justify-content:center}.container::-webkit-scrollbar{width:15px}.container::-webkit-scrollbar-track{border-radius:1px}.container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:5px;border:1px solid rgba(255,255,255,.4941176471);height:50px}.keyboard-container{display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 30px 10px #151515;border-radius:5px;background-color:#2f2f2f;height:30%;width:98%}video{width:400px;border:0px}.home-image{width:30%;height:auto;border-radius:10%}p{font-size:medium;font-style:none}*{margin:0}.arrows{margin:10px;display:flex;z-index:2;height:100%;width:3.5%;flex-direction:column;align-items:center;justify-content:center}.white-arrow{opacity:1;width:50px;height:50px;transform:rotate(270deg)}.app-container{display:flex;flex-direction:row;background-color:#2d2828;background-image:url(/assets/background-Bve1XLTk.jpg);background-size:cover;background-position:center;width:100%;height:100vh}.sidebar{margin:3px 0 3px 3px;display:flex;flex-direction:column;background-color:#2b2b2b1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:7%;align-content:center;justify-content:center;border:1px solid rgba(152,152,152,.2);border-radius:5px;transition:width .3s ease;transition:box-shadow .8 ease;z-index:1;box-shadow:5px 0 10px 5px #00000080}.sidebar:hover{margin:3px 0 3px 3px;display:flex;flex-direction:column;background-color:#2b2b2b33;width:10%;align-content:center;justify-content:center;border:1px solid rgba(152,152,152,.2);border-radius:5px;box-shadow:3px 0 10px 5px #00000080}.sidebar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transition:opacity .2s ease}.sidebar:hover .sidebar-content{opacity:1}.sidebar-content.hidden{opacity:0;pointer-events:none}.main-content{display:flex;flex-direction:row;align-items:center;background-color:#25252533;margin:3px;width:100%;border:1px solid rgba(152,152,152,.2);border-radius:5px}.button-container{display:flex;flex-direction:column;align-items:center}button{border:none;padding:5px;margin:12px;background-color:#fff0;width:100px;border-radius:10px;color:#a3a3a3;font-size:medium;font-family:Arial,Helvetica,sans-serif;text-decoration:none;transition:text-decoration .3s ease,text-underline-offset .3s ease}@media (max-width: 768px){button{transform:rotate(270deg);margin:30px}}button:hover{color:#9c9c9c;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff,0 0 80px #fff;text-decoration:underline;text-underline-offset:2px}