body{margin:0%;background:#334}#cont{margin:20px auto auto;border-radius:50px;width:91%;height:90vh;background:#334;box-shadow:8px 8px 16px #2a2a38,-8px -8px 16px #3c3c50}#desc{margin:auto;border-radius:50px;width:99%;height:90%;background:linear-gradient(225deg,#2e2e3d,#373749);box-shadow:inset 8px 8px 16px #2a2a38,inset -8px -8px 16px #3c3c50}#desc>h1{padding:80px 80px 10px;text-align:center;font-size:30px;color:#c1a1d3;font-family:Courier New,Courier,monospace;font-weight:200;text-shadow:1px 1px 1px rgba(255,255,255,.1)}#changingText{padding:1px!important}.name{color:#c7ffd8;font-size:150%;cursor:none;text-shadow:-.09em 0 0 red,.09em 0 0 cyan;animation-name:zapp;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate-reverse}@keyframes zapp{0%{text-shadow:-.1em 0 0 red,.1em 0 0 cyan}40%{text-shadow:-.04em 0 0 cyan,.04em 0 0 red}}.hoverText:hover{cursor:default;text-shadow:-.03em 0 0 red,.03em 0 0 cyan}#avatar{margin:auto;z-index:1;width:70px}#test{margin:140px auto auto;width:fit-content;border-radius:80px;background-color:#fff0;animation-name:ripple;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}#test2{margin:40px auto auto;width:fit-content;padding:10px 17px;border-radius:80px;background-color:#fff0;animation-name:ripple;animation-delay:1s;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in}@keyframes ripple{0%{box-shadow:-1px -1px 3px 2px #252531,1px 1px 3px 2px #414157,1px 1px 3px 4px #252531,-1px -1px 3px 4px #414157}to{box-shadow:-1px -1px 6px 30px #25253100,1px 1px 6px 30px #41415700,1px 1px 6px 36px #25253120,-1px -1px 6px 36px #41415710}}#welcomeMessage{margin:10px;text-align:center;font-size:30px;color:#0009;text-shadow:1px 1px 2px rgba(255,255,255,.1)}#project{margin:auto;margin-top:20vh}#project>h1{text-align:center;padding:0 18px 18px;font-size:30px;color:#0009;margin:auto;border:4px double rgba(255,255,255,.15);border-width:4px 0;width:60vw;text-shadow:1px 1px 2px rgba(255,255,255,.1)}.tabs{margin:40px auto 10px;width:540px;text-align:center;border-radius:41px;color:#c1a1d3;box-shadow:12px 12px 24px #262633,-3px -3px 14px #404055b9;padding:5px 30px 15px;background:#334}.tabs:hover{animation-name:float;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}@keyframes float{0%{box-shadow:12px 12px 24px #262633,-3px -3px 14px #404055b9}to{box-shadow:3px 3px 8px #262633,-1px -1px 8px #40405577}}.image>img{padding:10px;width:500px;border-radius:41px;background:#334;box-shadow:inset 12px 12px 18px #262633,inset -12px -12px 18px #404055}.c_button{width:20px;height:20px;margin:5px;border-radius:61px;background:linear-gradient(145deg,#373749,#2e2e3d);box-shadow:2px 2px 4px #1d1d27,-2px -2px 4px #494961}#About_Me>h1{font-family:Courier New,Courier,monospace;padding:15px;color:#dbe8d4;font-weight:200;text-align:center}#About_Me>img{width:140px;display:block;margin:auto auto 60px;box-shadow:3px 3px 2px 3px #494961,4px 4px 2px 3px #1d1d27,-3px -3px 2px 3px #1d1d2785,-4px -4px 2px 3px #494961,6px 6px 2px 6px #494961,8px 8px 2px 6px #1d1d27,-6px -6px 2px 6px #1d1d2785,-8px -8px 2px 6px #494961}#About_Me{margin:auto;margin-top:18vh;margin-bottom:20vh;font: 100%/1.5 Titillium Web,sans-serif;color:#dbe8d4;width:600px;text-align:justify}#footer{margin-top:80px;margin-bottom:-400px;background:#334;text-align:center;padding:20px;border-radius:50% 50% 0 0/100% 100% 0 0;animation-name:ripple;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}#link{color:#ffd900da;text-decoration:none;cursor:pointer}#link:hover{color:#fff8ce;text-shadow:0px 0px 2px gold}#holder_contact_links .fa{color:#2a2a38;margin-top:50px;text-align:center;border-radius:50px;margin-left:5px;margin-right:5px;padding:5px 5.9px;font-size:20px;background:#c1a1d3;box-shadow:2.5px 2.5px 2px #2b2b3a,-2.5px -2.5px 3px #3b3b4e}#holder_contact_links .fa:hover{color:#323242;background:#ecc8ff}@media screen and (max-width: 1200px){#desc>h1{font-size:25px;padding:80px 10px 10px}#changingText{font-size:16px!important;padding:1px!important}}@media screen and (max-width: 700px){#desc>h1{font-size:20px;padding:80px 10px 10px}#welcomeMessage{font-size:20px}#changingText{font-size:12px!important;padding:1px!important}.image>img{width:70vw;padding:6px;border-radius:20px}.tabs{font-size:13px;padding:5px 8px;width:80vw;border-radius:20px}.c_button{display:none}#About_Me{width:80vw}}