body {
     background: #00242b;
     color: #fff;
     font-family: 'Montserrat';
     font-size: 15px;
     letter-spacing: 2px;
}
 .profile-picture {
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: 3%;
     height: auto;
     max-width: 150px;
     border-radius: 5%;
}
 .logo {
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: 20px;
     height: auto;
     max-width: 150px;
}
 .profile-name {
     text-align: center;
     font-size: 30px;
     margin-top: 20px;
}
 .profile-title {
     text-align: center;
     font-size: 15px;
	 letter-spacing: 2px;
     margin-bottom: 20px;
}
 .links {
     text-align: center;
     margin-top: 20px;
     padding: 20px;
     border: 1px solid white;
     border-width: 2px;
     width: 290px;
     display: block;
     margin-left: auto;
     margin-right: auto;
     border-radius: 40px;
}
 a {
     text-decoration: none;
     color: white;
     transition: color 1s;
}
 a:hover {
     color: #000;
     background: #fff;
}
 .bottom-text {
     text-align: center;
     margin-top: 5px;
     font-size: 10px;
}
.bottom-text a:hover {
     background-color: transparent;
     text-decoration: underline;
     color: #fff;
}
@media(orientation: portrait) and (max-device-width:600px) {
body {
     font-size: 15px;
     letter-spacing: 2px;
}
 .profile-picture {
     margin-top: 5%;
     max-width: 35%;
     border-radius: 5%;
}
 .logo {
     margin-top: 10%;
     max-width: 35%;
}
 .profile-name {
     font-size: 30px;
     margin-top: 5%;
}
 .profile-title {
     font-size: 20px;
	 letter-spacing: 2px;
     margin-bottom: 5%;
}
 .links {
     margin-top: 5%;
     padding: 4%;
     border: 1px solid white;
     border-width: 2px;
     width: 80%;
     border-radius: 100px;
}
 .bottom-text {
     margin-top: 0%;
     font-size: 10px;
}
}