<template>
    

        <div class="p-text-center vertical-center">
                    <p><i class="fa fa-times-circle" style="font-size: 6rem; opacity: 0.3; color: red;"></i></p>
                    <p style="font-weight: bolder;">404</p>
                    <p>Pagina no encontrada!</p>          
        </div>




</template>
<script>
export default {
    
}
</script>
<style>
.container {
  height: 200px;
  position: relative;

}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
</style>
