*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh;background-color:#fbd9e5}.container{display:flex;flex-direction:column;min-height:100vh}.header{padding:10px;text-align:center;display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:#c43670}.site-title h1{font-size:2em;font-weight:600;letter-spacing:2px;font-family:Arial,Helvetica,sans-serif}.content{display:flex;justify-content:center;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-content{background:#f4f4f4;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:500px;width:80%}.modal-header{display:flex;justify-content:space-between;align-items:center;background:#c43670;color:#fff;padding:10px;font-weight:500;border-top-left-radius:10px;border-top-right-radius:10px}.modal-box{background-color:#fff;padding:15px;border-radius:10px;text-align:center;max-height:50vh;overflow-y:auto;width:100%;max-width:600px}.modal-box::-webkit-scrollbar{width:8px}.modal-box::-webkit-scrollbar-thumb{background:#c43670;border-radius:10px}.modal-box::-webkit-scrollbar-thumb:hover{background:#c43670}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;border:1px solid rgb(190,190,190);border-radius:10px;padding:10px}.tech-stack-used{display:flex;overflow-x:auto}.tech-stack-used .skill{padding-right:20px}h3{padding:10px 0}h3.category-label{padding:30px 0 10px}.email{display:flex;justify-content:center;padding:20px;flex-direction:column;text-align:center}.email h5{font-weight:300;font-size:25px}.email h1{padding:20px 0;font-size:30px}.skill{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.skill img{width:100px}.project-pics img{width:100%}.buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:50%;padding:50px 10px}.buttons img{height:100px}.first-page-buttons img{height:30em}.social-media-buttons img{height:100px}.buttons button{display:flex;flex-direction:column;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;border:1px solid transparent}.social-media-buttons{display:flex;justify-content:flex-start;align-items:center}.social-media-buttons button{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:none;background-color:transparent;cursor:pointer;padding:5px 10px 5px 5px;border:1px solid transparent}.app-title h2{font-weight:400;font-family:sans-serif}.modal-header img{height:40px}.footer{background-color:#000;color:#fff;text-align:center;padding:5px;display:flex;width:100%;justify-content:space-between}.footer button{background-color:transparent;cursor:pointer;color:#fff}.footer img{height:50px}.date-and-time{display:flex}.date-and-time div{padding-inline:5px}@media (max-width: 600px){.footer{font-size:.9em;padding:.8em}}.large-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.large-modal-content{background:#f4f4f4;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:1500px;width:90%}.large-modal-header{display:flex;justify-content:space-between;align-items:center;background:#c43670;color:#fff;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px}.close-button{background:transparent;border:none;font-size:18px;color:#fff;cursor:pointer}.large-modal-box{background-color:#fff;padding:15px;border-radius:10px;text-align:center;max-height:80vh;overflow-y:auto;width:100%;max-width:1500px}.large-modal-box::-webkit-scrollbar{width:8px}.large-modal-box::-webkit-scrollbar-thumb{background:#c43670;border-radius:10px}.large-modal-box::-webkit-scrollbar-thumb:hover{background:#c43670}h5.project-label{padding:30px 0;font-size:20px}.project img{width:100%;max-width:1000px;padding:20px 0}.project-list .buttons{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:30px}button.app-button{font-weight:600;text-transform:uppercase;padding:.625em 1em;background:#fff0f0;border:2px solid #b57372;border-radius:.75em;transform-style:preserve-3d;font-family:Rubik,sans-serif;transition:transform .15s cubic-bezier(0,0,.58,1),background .15s cubic-bezier(0,0,.58,1);cursor:pointer}button.app-button:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#f9c4d2;border-radius:inherit;box-shadow:0 0 0 2px #b18597;transform:translate3d(0,.75em,-1em);transition:transform .15s cubic-bezier(0,0,.58,1),box-shadow .15s cubic-bezier(0,0,.58,1)}button.app-button:hover{background:#ffe9e9;transform:translateY(.25em)}button.app-button:hover:before{box-shadow:0 0 0 2px #b18597;transform:translate3d(0,.5em,-1em)}button.app-button:active{background:#ffe9e9;transform:translateY(.75em)}button.app-button:active:before{box-shadow:0 0 0 2px #b18597,0 0 #ffe3e2;transform:translateZ(-1em)}