{"id":9288,"date":"2021-09-20T20:31:13","date_gmt":"2021-09-21T00:31:13","guid":{"rendered":"https:\/\/www.bumc.bu.edu\/anatneuro\/?page_id=9288"},"modified":"2022-03-08T18:03:06","modified_gmt":"2022-03-08T23:03:06","slug":"selvin-marroquin","status":"publish","type":"page","link":"https:\/\/www.bumc.bu.edu\/anatneuro\/selvin-marroquin\/","title":{"rendered":"Selvin Marroquin"},"content":{"rendered":"<\/div>\n<p><!-- ___________________Navbar___________________ --><\/p>\n<div id=\"navvy\"><\/div>\n<p><script type=\"text\/javascript\" src=\"\/anatneuro\/files\/2022\/01\/nav.js\"><\/script><\/p>\n<div class=\"mobile-title\">\n<p class=\"mobile-header\">Selvin Marroquin<\/p>\n<\/div>\n<p><!-- ___________________Banner___________________ --><\/p>\n<div class=\"profile-parallax\">\n<div class=\"true-nav nav-border\"><\/div>\n<div style=\"width: 40%; float: left;\" class=\"title-padding\">\n<p class=\"title-header\">Selvin Marroquin<\/p>\n<p class=\"title-header2\" style=\"text-align: left;\">Administrative Coordinator for PhD and Vesalius Masters Programs<\/p>\n<\/div>\n<div style=\"width: 40%; float: right;\">\n<img loading=\"lazy\" style=\"padding-top: 50px;\" width=\"320\" height=\"320\" src=\"\/anatneuro\/files\/2021\/05\/selvin.png\" alt=\"\">\n<\/div>\n<\/div>\n<p><!-- ___________________Profiles___________________ --><\/p>\n<div class=\"universal-pad\">\n<div class=\"col-md-8\">\n<\/div>\n<div class=\"col-md-4\">\n<div class=\"block-pad\">\n<div class=\"block\">\n<p style=\"font-weight: bold;\">OFFICE:<\/p>\n<p>L-1004<\/p>\n<p style=\"font-weight: bold;\">EMAIL:<\/p>\n<p>selvinm@bu.edu<\/p>\n<p style=\"font-weight: bold;\">PHONE:<\/p>\n<p>617-358-2200<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"padding-bottom: 20px;\">\n<a href=\"https:\/\/www.bumc.bu.edu\/anatneuro\/faculty\/\" class=\"btn\" style=\"width: 60vw;\"><br \/>\n  <span class=\"gradient-btn\">Faculty<\/span><br \/>\n<\/a>\n<\/div>\n<style>\n<p>article.post-12498 {\n   display: none;\n}<\/p>\n<p>\/* ----------------Blocks---------------- *\/<\/p>\n<p>.block {\n    background-color: #ffffff;\n    padding: 15px;\n    margin: auto;\n    height: 350px;\n    width: 300px;\n    border-radius: 3px;\n    align-items: center;\n    z-index: 2;\n    box-shadow: -50px 0 100px -50px #808080, 50px 0 100px -50px #808080;\n}<\/p>\n<p>.block-pad {\n    margin-top: 20px;\n    margin-bottom: 20px;\n}<\/p>\n<p>@media only screen and (min-width: 760px) {\n\t.block {\n\t\twidth: 300px;\n             height: 350px;\n\t}\n}<\/p>\n<p>.block h1 {\n    padding-bottom: 5px;\n    font-size: 24px;\n    text-align: center;\n}<\/p>\n<p>\/* ----------------Profile---------------- *\/<\/p>\n<p>.side-info {\n    background-color: #ffffff;\n}<\/p>\n<p>.universal-pad {\n    margin: 25px;\n    margin-left: 10vw;\n    margin-right: 10vw;\n}<\/p>\n<p>.firstinfo{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}<\/p>\n<p>.content1 {\n  position: relative;\n  animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 1.125) forwards;\n  margin-left: 12vw;\n  margin-top: 10px;\n  margin-bottom: 10px;\n}<\/p>\n<p>.card {\n  width: 70vw;\n  min-height: 100px;\n  padding: 20px;\n  border-radius: 3px;\n  background-color: white;\n  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);\n  position: relative;\n  overflow: hidden;\n}\n.card:after {<\/p>\n<p>}<\/p>\n<p>.firstinfo {\n  flex-direction: row;\n  z-index: 2;\n  position: relative;\n}\n.firstinfo img {\n  display: none;\n}\n.firstinfo .profileinfo {\n  padding: 0px 20px;\n}\n.firstinfo .profileinfo h1 {\n  font-size: 35px;\n}\n.firstinfo .profileinfo h3 {\n  font-size: 20px;\n  color: #262262;\n  font-style: italic;\n}\n.firstinfo .profileinfo p.bio {\n  padding: 10px 0px;\n  color: #5A5A5A;\n  line-height: 1.2;\n  font-style: initial;\n}<\/p>\n<p>@keyframes animatop {\n  0% {\n    opacity: 0;\n    bottom: -500px;\n  }\n  100% {\n    opacity: 1;\n    bottom: 0px;\n  }\n}\n@keyframes animainfos {\n  0% {\n    bottom: 10px;\n  }\n  100% {\n    bottom: -42px;\n  }\n}\n@keyframes rotatemagic {\n  0% {\n    opacity: 0;\n    transform: rotate(0deg);\n    top: -24px;\n    left: -253px;\n  }\n  100% {\n    transform: rotate(-30deg);\n    top: -24px;\n    left: -78px;\n  }\n}<\/p>\n<p>@media only screen and (min-width: 900px) {\n.card:after {\n  content: \"\";\n  display: block;\n  width: 190px;\n  height: 300px;\n  background: #262262;\n  position: absolute;\n  animation: rotatemagic 0.75s cubic-bezier(0.425, 1.04, 0.47, 1.105) 1s both;\n}<\/p>\n<p>.firstinfo img {\n  border-radius: 50%;\n  width: 120px;\n  height: 120px;\ndisplay: block;\n}<\/p>\n<p>}\n\/* ----------------Animated Button---------------- *\/<\/p>\n<p>.gradient-btn {\n  \/* Fallback: Set a background color. *\/\n  background-color: #262262;<\/p>\n<p>  \/* Create the gradient. *\/\n  background-image: linear-gradient(\n    45deg,\n    #ffffff 50%,\n    #262262 50%\n  );<\/p>\n<p>  \/* Set the background size and repeat properties. *\/\n  background-size: 270%;\n  background-repeat: repeat;\n  background-position: top right;<\/p>\n<p>  \/* Use the text as a mask for the background. *\/\n  \/* This will show the gradient as a text color rather than element bg. *\/\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent; \n  -moz-background-clip: text;\n  -moz-text-fill-color: transparent;<\/p>\n<p>  animation: button-animation 0.65s 0.15s ease-out forwards;\n}<\/p>\n<p>a.btn:hover, a.btn:hover span{\n    animation: button-animation-rev 0.65s ease-out forwards;\n}<\/p>\n<p>a.btn:hover {\n  box-shadow: 3px 2px 10px 1px rgba(0,0,0,0.15);\n  transition: 0.5s;\n}<\/p>\n<p>@keyframes button-animation {\n  0% {\n    background-position: top right;\n  }\n  100% {\n    background-position: top left;\n  }\n}<\/p>\n<p>@keyframes button-animation-rev {\n  0% {\n    background-position: top left;\n  }\n  100% {\n    background-position: top right;\n  }\n}<\/p>\n<p>a.btn {\n  margin-top: 1em;\n  margin-left: auto;\n  margin-right: auto;\n  background-image: linear-gradient(45deg, #262262 50%, #ffffff 50%);\n  background-size: 270%;\n  background-repeat: repeat;\n  background-position: top right;\n  animation: button-animation 0.65s 0.15s ease-out forwards;\n  display: table;\n  border-radius: 0.5em;\n  text-decoration: none;\n  box-shadow: 7px 4px 20px 1px rgba(0,0,0,0.15);\n  padding: 1.5em 0;\n  cursor: pointer;\n  width: 80%;\n  text-align: center;\n}<\/p>\n<p>a.btn span {\n  font-family: 'Open Sans', sans-serif;\n  font-weight: bold;\n  font-size: 2em;\n  text-align: center;\n  margin-bottom: 0;\n  margin-bottom: -0.25em;\n  width: 100%;\n  padding: 0 1.5em;\n}<\/p>\n<p>* {\n  margin: 0;\n  box-sizing: border-box;\n}<\/p>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Selvin Marroquin Selvin Marroquin Administrative Coordinator for PhD and Vesalius Masters Programs OFFICE: L-1004 EMAIL: selvinm@bu.edu PHONE: 617-358-2200 Faculty<\/p>\n","protected":false},"author":18550,"featured_media":0,"parent":0,"menu_order":51,"comment_status":"closed","ping_status":"closed","template":"page-templates\/no-sidebars.php","meta":[],"_links":{"self":[{"href":"https:\/\/www.bumc.bu.edu\/anatneuro\/wp-json\/wp\/v2\/pages\/9288"}],"collection":[{"href":"https:\/\/www.bumc.bu.edu\/anatneuro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bumc.bu.edu\/anatneuro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bumc.bu.edu\/anatneuro\/wp-json\/wp\/v2\/users\/18550"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bumc.bu.edu\/anatneuro\/wp-json\/wp\/v2\/comments?post=9288"}],"version-history":[{"count":7,"href":"https:\/\/www.bumc.bu.edu\/anatneuro\/wp-json\/wp\/v2\/pages\/9288\/revisions"}],"predecessor-version":[{"id":10705,"href":"https:\/\/www.bumc.bu.edu\/anatneuro\/wp-json\/wp\/v2\/pages\/9288\/revisions\/10705"}],"wp:attachment":[{"href":"https:\/\/www.bumc.bu.edu\/anatneuro\/wp-json\/wp\/v2\/media?parent=9288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}