html{scroll-behavior:smooth}.link{color:#ccd6f6;text-decoration:none;cursor:pointer}.link:hover{color:#64ffda}body #display-bar{justify-content:flex-start;gap:1.5rem;align-items:baseline}body header div.first-menu-bar{margin:1rem 0 0 0}@media screen and (max-width:991px){select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#0a192f;border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-size:14px;color:#64ffda;width:50px}body{background-color:#0a192f;margin-left:1rem;margin-right:1rem}#display-bar{background-color:#0a192f;display:flex;flex-direction:row;height:auto;justify-content:space-between;align-content:flex-end;margin-left:1rem}header div{margin:1rem .5rem 0 0}li{margin-bottom:1rem}a:hover{text-decoration:none}.sublink{color:#ccd6f6;text-decoration:none;transition:box-shadow .3s ease;margin-top:1rem}.sublink:hover{text-decoration:underline;box-shadow:0 4px 8px #64ffda}.sublink:active{color:#64ffda}.link{transition:box-shadow .3s ease}.link:hover{box-shadow:0 4px 8px #64ffda}.first-menu-bar{display:inline-block;color:#ccd6f6;text-decoration:none}.first-menu-bar:hover{text-decoration:underline}.first-menu-bar:active{color:#64ffda}.dropdown-menu{display:none;list-style:none;padding:12px 16px;z-index:1;opacity:1;overflow:hidden;transition:all .3s ease}.ask-name{color:#64ffda;font-size:16px;margin:1rem 0 1rem 0;position:relative}.big-name{line-height:1.1;font-weight:600;color:#ccd6f6;font-size:24px;margin:1rem 0 1rem 0;position:relative}.self-intro{color:#ccd6f6}.Description-of-my-self{background-color:#0a192f}h2{color:#ccd6f6;font-family:"Calibre","Inter","San Francisco","SF Pro Text";font-size:24px}summary{color:#ccd6f6}section h2{display:inline}.h2{color:#64ffda}button{display:inline-block;padding:10px 20px;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;border-radius:50px;background-color:#0a192f;color:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);transition:all .2s ease-out}button:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,0.1)}button:active{transform:translateY(3px);box-shadow:0 2px 5px rgba(0,0,0,0.1)}h3{color:#ccd6f6;font-size:18px}.company{color:#64ffda;text-decoration:none}.company:hover{text-decoration:underline}.company:active{color:#1faf8e}li{color:#ccd6f6}p{color:#ccd6f6}.footer{color:#ccd6f6;text-decoration:none}h1{color:#ccd6f6}.image-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.centered-image{position:relative;width:50%;height:auto}.image-container2{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.centered-image2{position:relative;width:100%;height:auto}.image-container3{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;height:auto}.centered-image3{position:relative;width:100%;height:auto}.sub-class3{display:flex;flex-direction:row;justify-content:center}.sub-class4{display:flex;flex-direction:column;justify-content:center;width:80%;margin-left:15rem}.centered-image4{position:relative;width:100%;height:auto}.sub-class41{display:flex;flex-direction:row;justify-content:center}}@media screen and (min-width:992px){select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#0a192f;border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-size:14px;color:#64ffda;width:100px}body{background-color:#0a192f;margin-left:20rem;margin-right:20rem}#display-bar{background-color:#0a192f;display:flex;flex-direction:row;height:50px;justify-content:space-between;align-content:flex-end;margin-left:2rem}header div{margin:1rem .5rem 0 0}li{margin-bottom:1rem}a:hover{text-decoration:none}.sublink{color:#ccd6f6;text-decoration:none;transition:box-shadow .3s ease;margin-top:1rem}.sublink:hover{text-decoration:underline;box-shadow:0 4px 8px #64ffda}.sublink:active{color:#64ffda}.link{transition:box-shadow .3s ease}.link:hover{box-shadow:0 4px 8px #64ffda}.first-menu-bar{display:inline-block;color:#ccd6f6;text-decoration:none}.first-menu-bar:hover{text-decoration:underline}.first-menu-bar:active{color:#64ffda}.dropdown-menu{display:none;list-style:none;margin-right:3rem;padding:12px 16px;z-index:1;opacity:1;overflow:hidden;transition:all .3s ease}.ask-name{color:#64ffda;font-size:20px;margin:1rem 0 1rem 0;position:relative}.big-name{line-height:1.1;font-weight:600;color:#ccd6f6;font-size:40px;margin:1rem 0 1rem 0;position:relative}.self-intro{color:#ccd6f6}.Description-of-my-self{background-color:#0a192f}h2{color:#ccd6f6;font-family:"Calibre","Inter","San Francisco","SF Pro Text"}summary{color:#ccd6f6}section h2{display:inline}.h2{color:#64ffda}button{display:inline-block;padding:10px 20px;font-size:16px;font-weight:bold;text-align:center;text-decoration:none;border-radius:50px;background-color:#0a192f;color:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);transition:all .2s ease-out}button:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,0.1)}button:active{transform:translateY(3px);box-shadow:0 2px 5px rgba(0,0,0,0.1)}h3{color:#ccd6f6}.company{color:#64ffda;text-decoration:none}.company:hover{text-decoration:underline}.company:active{color:#1faf8e}li{color:#ccd6f6}p{color:#ccd6f6}.footer{color:#ccd6f6;text-decoration:none}#MyName{font-weight:bold}h1{color:#ccd6f6}.image-container{position:relative;display:flex;justify-content:center;align-items:center;width:70%;height:100%}.centered-image{position:relative;width:30%;height:auto}.image-container2{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;height:100%}.centered-image2{position:relative;width:80%;height:auto}.image-container3{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;height:100%}.centered-image3{position:relative;width:50%;height:auto}.sub-class3{display:flex;flex-direction:row;justify-content:center}.sub-class4{display:flex;flex-direction:column;justify-content:center}.centered-image4{position:relative;width:50%;height:auto}.sub-class41{display:flex;flex-direction:row;justify-content:center}}