<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="hs-menu-item1 style1"><g data-tag="li" id="hs-menu-item1" class="hs-menu-item hs-item-has-children hs-menu-depth-1" data-z-index="auto" data-stacking-context="true" role="none" aria-owns="a1 hs-menu-children-wrapper1"><a data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="menuitem" aria-expanded="false" aria-haspopup="true"><text color="rgb(56, 61, 71)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(56, 61, 71)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(56, 61, 71)"><tspan xml:space="preserve" x="22" y="22" textLength="41.8125" lengthAdjust="spacingAndGlyphs">About</tspan></text></a><g data-tag="ul" id="hs-menu-children-wrapper1" class="hs-menu-children-wrapper" data-z-index="auto" data-stacking-context="true" role="menu" aria-owns="hs-menu-item2 hs-menu-item3"><g data-tag="li" id="hs-menu-item2" class="hs-menu-item hs-menu-depth-2" data-z-index="auto" data-stacking-context="true" role="none" aria-owns="a2"><a href="https://www.esgdiligence.com/our-story" data-tag="a" id="a2" data-z-index="auto" data-stacking-context="true" role="menuitem"><text color="rgb(56, 61, 71)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(56, 61, 71)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(56, 61, 71)"><tspan xml:space="preserve" x="40" y="49.1875" textLength="68.46875" lengthAdjust="spacingAndGlyphs">Our Story</tspan></text></a></g><g data-tag="li" id="hs-menu-item3" class="hs-menu-item hs-menu-depth-2" data-z-index="auto" data-stacking-context="true" role="none" aria-owns="a3"><a href="https://www.esgdiligence.com/why-castle-hall" data-tag="a" id="a3" data-z-index="auto" data-stacking-context="true" role="menuitem"><text color="rgb(56, 61, 71)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(56, 61, 71)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(56, 61, 71)"><tspan xml:space="preserve" x="40" y="76.375" textLength="113.8125" lengthAdjust="spacingAndGlyphs">Why Castle Hall</tspan></text></a></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="hs-menu-item1 style1"><g data-tag="li" id="hs-menu-item1" class="hs-menu-item hs-item-has-children hs-menu-depth-1" data-z-index="auto" data-stacking-context="true" role="none" aria-owns="a1 hs-menu-children-wrapper1"><a data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="menuitem" aria-expanded="false" aria-haspopup="true"><text color="rgb(56, 61, 71)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(56, 61, 71)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(56, 61, 71)"><tspan xml:space="preserve" x="22" y="22" textLength="41.8125" lengthAdjust="spacingAndGlyphs">About</tspan></text></a><g data-tag="ul" id="hs-menu-children-wrapper1" class="hs-menu-children-wrapper" data-z-index="auto" data-stacking-context="true" role="menu" aria-owns="hs-menu-item2 hs-menu-item3"><g data-tag="li" id="hs-menu-item2" class="hs-menu-item hs-menu-depth-2" data-z-index="auto" data-stacking-context="true" role="none" aria-owns="a2"><a href="https://www.esgdiligence.com/our-story" data-tag="a" id="a2" data-z-index="auto" data-stacking-context="true" role="menuitem"><text color="rgb(56, 61, 71)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(56, 61, 71)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(56, 61, 71)"><tspan xml:space="preserve" x="40" y="49.1875" textLength="68.46875" lengthAdjust="spacingAndGlyphs">Our Story</tspan></text></a></g><g data-tag="li" id="hs-menu-item3" class="hs-menu-item hs-menu-depth-2" data-z-index="auto" data-stacking-context="true" role="none" aria-owns="a3"><a href="https://www.esgdiligence.com/why-castle-hall" data-tag="a" id="a3" data-z-index="auto" data-stacking-context="true" role="menuitem"><text color="rgb(56, 61, 71)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(56, 61, 71)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(56, 61, 71)"><tspan xml:space="preserve" x="40" y="76.375" textLength="113.8125" lengthAdjust="spacingAndGlyphs">Why Castle Hall</tspan></text></a></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="hs-menu-item1 style1"><g data-tag="li" id="hs-menu-item1" class="hs-menu-item hs-item-has-children hs-menu-depth-1" data-z-index="auto" data-stacking-context="true" role="none" aria-owns="a1 hs-menu-children-wrapper1"><a data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="menuitem" aria-expanded="false" aria-haspopup="true"><text color="rgb(56, 61, 71)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(56, 61, 71)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(56, 61, 71)"><tspan xml:space="preserve" x="22" y="22" textLength="41.8125" lengthAdjust="spacingAndGlyphs">About</tspan></text></a><g data-tag="ul" id="hs-menu-children-wrapper1" class="hs-menu-children-wrapper" data-z-index="auto" data-stacking-context="true" role="menu" aria-owns="hs-menu-item2 hs-menu-item3"><g data-tag="li" id="hs-menu-item2" class="hs-menu-item hs-menu-depth-2" data-z-index="auto" data-stacking-context="true" role="none" aria-owns="a2"><a href="https://www.esgdiligence.com/our-story" data-tag="a" id="a2" data-z-index="auto" data-stacking-context="true" role="menuitem"><text color="rgb(56, 61, 71)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(56, 61, 71)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(56, 61, 71)"><tspan xml:space="preserve" x="40" y="49.1875" textLength="68.46875" lengthAdjust="spacingAndGlyphs">Our Story</tspan></text></a></g><g data-tag="li" id="hs-menu-item3" class="hs-menu-item hs-menu-depth-2" data-z-index="auto" data-stacking-context="true" role="none" aria-owns="a3"><a href="https://www.esgdiligence.com/why-castle-hall" data-tag="a" id="a3" data-z-index="auto" data-stacking-context="true" role="menuitem"><text color="rgb(56, 61, 71)" dominant-baseline="text-after-edge" font-family="Roboto, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="100" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(56, 61, 71)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(56, 61, 71)"><tspan xml:space="preserve" x="40" y="76.375" textLength="113.8125" lengthAdjust="spacingAndGlyphs">Why Castle Hall</tspan></text></a></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body style=""><li class="hs-menu-item hs-item-has-children hs-menu-depth-1" role="none"><a href="javascript:;" role="menuitem" aria-expanded="false" aria-haspopup="true">About</a><ul class="hs-menu-children-wrapper" role="menu"><li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.esgdiligence.com/our-story" role="menuitem">Our Story</a></li><li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.esgdiligence.com/why-castle-hall" role="menuitem">Why Castle Hall</a></li></ul></li></body>

<style>


@charset "UTF-8";






























































































    
    
    





















    @import url(https://fonts.googleapis.com/css?family=Roboto:lighter,normal,bold|Roboto:lighter,normal,bold);


@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://273774.fs1.hubspotusercontent-na1.net/hubfs/273774/mp/act2/css/act2.updates.min.css);body{margin:0}a{background-color:transparent;-webkit-text-decoration-skip:objects}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}menu{display:block}



@-webkit-keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-progress{to{background-position:25px 0}}





*,
*:before,
*:after {
    box-sizing: inherit;
}



::-moz-selection {
    background: #383d47;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #383d47;
    color: #fff;
    text-shadow: none;
}




body {
    min-height: 100%;
}

body {
    color: #383d47;
    font-family: Roboto, sans-serif;
    line-height: 1.7;
    font-weight: lighter;
    word-wrap: break-word;
}



a {
    color: #383d47;
    text-decoration: none;
    transition: color .4s ease, text-shadow .4s ease, background-color .4s ease, border-color .4s ease, box-shadow .4s ease, opacity .4s ease;
}

a:hover {    
    color: #383d47;
}



ul {
    margin: 0 0 1.8em;
}

li ul {
    margin-bottom: 0;
}





@-webkit-keyframes heroSliderArrowLeft {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes heroSliderArrowLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@-webkit-keyframes heroSliderArrowRight {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes heroSliderArrowRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@-webkit-keyframes fadeIn {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



@-webkit-keyframes fadeUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}



@-webkit-keyframes fadeDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}



@-webkit-keyframes fadeRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@-webkit-keyframes fadeLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@-webkit-keyframes expandLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2,1);
        transform: scale(.2,1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }
}

@keyframes expandLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2,1);
        transform: scale(.2,1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transform-origin: right;
        transform-origin: right;
    }
}



@-webkit-keyframes expandRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2,1);
        transform: scale(.2,1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
}

@keyframes expandRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2,1);
        transform: scale(.2,1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
}



@-webkit-keyframes bubbleUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateY(10px);
        transform: scale(.2, .2) translateY(10px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateY(-5px);
        transform: scale(1.2, 1.2) translateY(-5px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}

@keyframes bubbleUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateY(10px);
        transform: scale(.2, .2) translateY(10px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateY(-5px);
        transform: scale(1.2, 1.2) translateY(-5px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}



@-webkit-keyframes bubbleDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateY(-10px);
        transform: scale(.2, .2) translateY(-10px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateY(5px);
        transform: scale(1.2, 1.2) translateY(5px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}

@keyframes bubbleDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateY(-10px);
        transform: scale(.2, .2) translateY(-10px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateY(5px);
        transform: scale(1.2, 1.2) translateY(5px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}



@-webkit-keyframes bubbleLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateX(10px);
        transform: scale(.2, .2) translateX(10px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateX(-5px);
        transform: scale(1.2, 1.2) translateX(-5px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes bubbleLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateX(10px);
        transform: scale(.2, .2) translateX(10px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateX(-5px);
        transform: scale(1.2, 1.2) translateX(-5px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}



@-webkit-keyframes bubbleRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateX(-10px);
        transform: scale(.2, .2) translateX(-10px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateX(5px);
        transform: scale(1.2, 1.2) translateX(5px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes bubbleRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2, .2) translateX(-10px);
        transform: scale(.2, .2) translateX(-10px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    60% {
        -webkit-transform: scale(1.2, 1.2) translateX(5px);
        transform: scale(1.2, 1.2) translateX(5px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1) translateY(0);
        transform: scale(1,1) translateY(0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}



@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}



@-webkit-keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
    }
}

@keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(.5,.5);
        transform: scale(.5,.5);
    }
}

</style>